Componente CAPTCHA brutalista
Un componente CAPTCHA progettato in stile brutalista, con contrasto elevato, layout insoliti ed effetti reattivi con supporto per temi scuri.
Codice HTML
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900 p-5">
<div class="max-w-md w-full bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 border border-black">
<h2 class="text-xl font-bold text-black dark:text-white mb-4">Verify You Are Human</h2>
<div class="flex items-center justify-between mb-4">
<img src="https://picsum.photos/100/100" alt="Placeholder Image" class="rounded-full border border-black dark:border-white">
<span class="text-lg font-bold text-black dark:text-white">Are you a robot?</span>
</div>
<div class="flex flex-col items-center mb-4">
<img src="https://picsum.photos/200/100" alt="Random Placeholder" class="w-full rounded-lg border border-black dark:border-white">
<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Select the images that contains a cat.</p>
</div>
<div class="flex space-x-4">
<button class="flex-1 bg-black text-white font-bold py-2 rounded-lg shadow-md hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-300 transition">Verify</button>
<button class="flex-1 bg-red-600 text-white font-bold py-2 rounded-lg shadow-md hover:bg-red-500 dark:bg-red-700 dark:hover:bg-red-600 transition">Cancel</button>
</div>
</div>
</div>Componenti correlati
Componente CAPTCHA - Brutalismo Vibrante Moderato
Un componente CAPTCHA brutalista per un cruscotto con colori vivaci e complessità moderata.
CAPTCHA vintage retrò per i social media
Un componente CAPTCHA retrò-vintage per i social media, con colori vivaci, complessità moderata, reattività e supporto per la modalità oscura utilizzando Tailwind CSS.
Componente CAPTCHA di neumorfismo
Un componente CAPTCHA reattivo e complesso progettato in uno stile neumorfico per siti di e-commerce, con supporto per temi scuri, utilizzando Tailwind CSS.