Diseño de cuadrícula brutalista simple
Un componente de diseño de cuadrícula brutalista simple y receptivo con tonos tierra y soporte para modo oscuro, adecuado para sitios web comerciales.
Código HTML
<div class="container mx-auto p-4 bg-stone-100 dark:bg-stone-900 text-stone-900 dark:text-stone-100">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 border-4 border-stone-900 dark:border-stone-100">
<div class="p-4 bg-stone-300 dark:bg-stone-700 border-4 border-stone-900 dark:border-stone-100">
<h2 class="text-xl font-bold mb-2">Section 1</h2>
<p>This is the first section of our brutalist grid layout. It features a strong border and contrasting background colors for visual impact.</p>
</div>
<div class="p-4 bg-stone-300 dark:bg-stone-700 border-4 border-stone-900 dark:border-stone-100">
<h2 class="text-xl font-bold mb-2">Section 2</h2>
<p>The second section maintains the same bold styling, showcasing how we can use simple elements to create a powerful design aesthetic.</p>
</div>
<div class="p-4 bg-stone-300 dark:bg-stone-700 border-4 border-stone-900 dark:border-stone-100">
<h2 class="text-xl font-bold mb-2">Section 3</h2>
<p>Our third section continues the theme, demonstrating the versatility of this simple grid structure for organizing content effectively.</p>
</div>
<div class="p-4 bg-stone-300 dark:bg-stone-700 border-4 border-stone-900 dark:border-stone-100">
<h2 class="text-xl font-bold mb-2">Section 4</h2>
<p>The final section completes the layout, reinforcing the brutalist design principles with stark contrasts and clear visual separation.</p>
</div>
</div>
</div>Componentes relacionados
Watercolor_Artistic_Dashboard_Grid_Layout
Un componente de diseño de cuadrícula de tablero receptivo con una estética artística / acuarela, que utiliza un esquema de color monocromático. Las características incluyen tarjetas con fondos suaves, sombras sutiles y soporte de modo oscuro para visualización de datos y paneles de control.
Diseño de cuadrícula de juegos Art Deco
Un diseño de cuadrícula de juego responsivo inspirado en el Art Deco con patrones geométricos, colores en escala de grises y elementos interactivos. Diseñado para sitios web e interfaces de juegos, con soporte para modo oscuro.
Cuadrícula de CRM de Cyberpunk
Un componente de diseño de cuadrícula receptivo para CRM/Business Tools con una estética de neón ciberpunk-futurista, con fondos oscuros y cálidos colores de acento al atardecer. Incluye elementos interactivos y soporte para el modo oscuro.