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 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 Media Components con Glassmorphism
Componente con design Glassmorphism, supporto per la modalità reattiva e oscura
Componente Componenti multimediali
Un componente multimediale progettato in stile brutalismo, che mostra un layout audace con contrasto elevato, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.