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…
Componente · Texto
Hero SaaS minimalista
Prompt
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 smarter, together.» con dirección minimal, alineación center, tratamiento tipográfico display y colores #d946ef, #8b5cf6 y #16051c. 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
- minimal
- display
- 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 «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 ·…
Crea un componente tipográfico listo para producción llamado «Texto resaltado con marcador» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Ideas…
Crea un componente tipográfico listo para producción llamado «Vertical inspirado en Japón» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «FORM /…
Crea un componente tipográfico listo para producción llamado «Título con sombra cromática» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «STAND…
Crea un componente tipográfico listo para producción llamado «Cita suave de bienestar» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Breathe…