Brutalismo Pastello Media Componente
Un componente multimediale semplice e brutalista con una combinazione di colori pastello, progettato per un blog. Reattivo con supporto per la modalità oscura.
Codice HTML
<div class="max-w-sm mx-auto bg-white border border-black shadow-brutalism overflow-hidden mb-4 dark:bg-gray-800 dark:border-gray-600">
<img class="w-full h-48 object-cover" src="https://picsum.photos/seed/picsum/400/200" alt="Placeholder Image">
<div class="p-4">
<div class="font-bold text-xl mb-2 text-black dark:text-white">Media Component Title</div>
<p class="text-gray-700 text-base dark:text-gray-300">
This is a simple brutalist media component using pastel colors. It is responsive and supports dark mode.
</p>
<div class="mt-4 flex items-center">
<img class="w-8 h-8 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar of Author">
<div class="text-sm">
<p class="text-gray-900 leading-none dark:text-white">Author Name</p>
<p class="text-gray-600 dark:text-gray-400">Date</p>
</div>
</div>
</div>
</div>Componenti correlati
Componente multimediale per la fotografia artistica
Un componente multimediale complesso e reattivo per i portfolio fotografici, caratterizzato da uno stile di design artistico/acquerello e una tavolozza di colori retrò/vintage. Include più elementi interattivi e il supporto completo della modalità oscura.
Componente Componenti multimediali
Un componente multimediale per social media complesso, reattivo e compatibile con la modalità oscura con uno stile Glassmorphism che utilizza colori vivaci.
Componente Componenti multimediali
Componente multimediale 3D per social media con combinazione di colori complementari, complessità moderata e supporto per temi scuri.