Formulaire de médias sociaux brutaliste
Un composant de forme simple et brutaliste pour les médias sociaux avec une palette de couleurs triadique et une prise en charge du thème sombre.
HTML Code
<div class="min-h-screen bg-gray-100 dark:bg-gray-900 flex flex-col items-center justify-center p-4"><div class="bg-white dark:bg-gray-800 border-4 border-black dark:border-white shadow-brutalism p-6 max-w-md w-full"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-black dark:text-white uppercase tracking-wider">Share Your Thoughts</h2><form><div class="mb-4"><label for="post-content" class="block text-black dark:text-white text-sm font-bold mb-2">What's on your mind?</label><textarea id="post-content" rows="4" class="block w-full px-3 py-2 text-black dark:text-white bg-yellow-300 dark:bg-yellow-700 border-2 border-black dark:border-white focus:outline-none focus:ring-0 focus:border-red-500 dark:focus:border-red-400 placeholder-black dark:placeholder-gray-300"></textarea></div><div class="mb-4"><label for="tags" class="block text-black dark:text-white text-sm font-bold mb-2">Tags (comma-separated):</label><input type="text" id="tags" class="block w-full px-3 py-2 text-black dark:text-white bg-purple-400 dark:bg-purple-700 border-2 border-black dark:border-white focus:outline-none focus:ring-0 focus:border-red-500 dark:focus:border-red-400 placeholder-black dark:placeholder-gray-300"></div><button type="submit" class="w-full bg-red-500 dark:bg-red-600 text-white dark:text-black font-bold py-3 px-4 border-2 border-black dark:border-white active:bg-red-700 dark:active:bg-red-800 uppercase tracking-wider">Post</button></form></div></div>Composants associés
Composante des formes brutalistes
Un composant de formulaires Web conçu avec un style brutaliste avec un contraste élevé et des mises en page inhabituelles, adapté au commerce électronique et réactif avec la prise en charge du thème sombre.
Forme industrielle brutaliste en niveaux de gris
Un composant de forme complexe, de style brutaliste avec une palette de couleurs en niveaux de gris, conçu pour les applications industrielles et manufacturières. Comprend des éléments très contrastés, des mises en page inhabituelles et une réactivité totale avec la prise en charge du mode sombre.
Formulaire de demande d’emploi ludique
Un composant de formulaire de candidature réactif et ludique avec des couleurs neutres chaudes, des éléments arrondis et une prise en charge du mode sombre, adapté aux sites d’emploi et aux plateformes de développement de carrière.