Crea un componente tipográfico listo para producción llamado «Pila de palabras cinéticas» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «CREATE…
Componente · Texto
Declaración serif editorial
Prompt
Crea un componente tipográfico listo para producción llamado «Declaración serif editorial» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Stories worth remembering.» con dirección editorial, alineación center, tratamiento tipográfico serif y colores #0ea5e9, #14b8a6 y #effcff. 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
- editorial
- serif
- Responsive
- Hero
«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 «Título impactante delineado» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «MAKE…
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…
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…