Brutalisme Pastel Media Composante
Un composant médiatique simple et brutaliste avec une palette de couleurs pastel, conçu pour un blog. Réactif avec prise en charge du mode sombre.
HTML Code
<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>Composants associés
Composant Composants multimédias
Composant multimédia 3D pour les médias sociaux avec une palette de couleurs complémentaire, une complexité modérée et une prise en charge du thème sombre.
Composant Composants multimédias
Un composant multimédia réactif pour les interfaces finance/banque, avec un design épuré, des tons bleus et la prise en charge du mode sombre. Comprend une zone de contenu principale avec une image, un titre, une description et un bouton d’action, ainsi qu’une liste d’articles ou d’informations connexes.
Memphis_Media_Component_Educational
Un composant multimédia réactif pour les plateformes éducatives, conçu avec une esthétique de style Memphis utilisant des couleurs vives, des formes géométriques et une palette de couleurs néon/électrique. Prend en charge le mode sombre.