CCHub Logo CCHub Tailwind Collection
Komponenten Medien-Komponenten Brutalismus Pastell-Medienkomponente

Brutalismus Pastell-Medienkomponente

Eine einfache, brutalistische Medienkomponente mit pastellfarbener Farbgebung, die für einen Blog entworfen wurde. Reaktionsschnell mit Unterstützung für den Dunkelmodus.

Vorschau

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>

Verwandte Komponenten

Komponente "Medienkomponenten"

3D-Medienkomponente für soziale Medien mit komplementärem Farbschema, moderater Komplexität und Unterstützung für dunkle Themen.

Offen

Komponente "Medienkomponenten"

Eine Medienkomponente im Brutalismus-Stil, die ein fettes Layout mit hohem Kontrast, responsiven Effekten und Unterstützung für dunkle Themen mit Tailwind CSS präsentiert.

Offen

Skeuomorphic_Grayscale_Media_Component

Eine komplexe, reaktionsschnelle Medienkomponente, die in einem skeuomorphen Graustufenstil für Geschäfts-/Unternehmenswebsites entwickelt wurde, mit mehreren interaktiven Elementen und Unterstützung für den Dunkelmodus.

Offen