Crea un componente tipográfico listo para producción llamado «Tarjeta de texto glass» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Clarity in…
Componente · Texto
Título impactante delineado
Prompt
Crea un componente tipográfico listo para producción llamado «Título impactante delineado» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «MAKE IT ICONIC.» con dirección outline, alineación left, tratamiento tipográfico display y colores #22c55e, #06b6d4 y #03150d. Incluye tipografía fluida responsive con clamp(), saltos de línea equilibrados, niveles de encabezado semánticos, texto real seleccionable, compatibilidad dark/light, fallbacks seguros y sin layout shift. Si tiene animación, usa transform/opacity, respeta prefers-reduced-motion, conserva el orden de lectura para lectores de pantalla y pausa movimientos continuos fuera del viewport. Verifica contraste WCAG AA. Devuelve props tipadas reutilizables, código del componente, demo, dependencias e instrucciones de integración.
- Tipo
- Componente · Texto
- Tecnología
- React, TypeScript, Tailwind CSS, Framer Motion
- Typography
- outline
- display
- Responsive
- Editorial
«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.
Ideas parecidas
Crea un componente tipográfico listo para producción llamado «Titular de color dividido» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «One…
Crea un componente tipográfico listo para producción llamado «Display con brillo neón» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «ENTER THE…
Crea un componente tipográfico listo para producción llamado «Hero SaaS minimalista» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Work…
Crea un componente tipográfico listo para producción llamado «Tipografía póster brutalista» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «BREAK…
Crea un componente tipográfico listo para producción llamado «Serif de moda lujosa» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Quiet…
Crea un componente tipográfico listo para producción llamado «Onda de fuente variable» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Shape…
Crea un componente tipográfico listo para producción llamado «Anuncio marquee» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «NEW COLLECTION ·…