NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia App Brisa (plataforma SaaS fintech) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Mantén el estilo oscuro del original: fondo #0A0A0A, textos principales #E5E5E5, acentos #00C853 (verde brillante) y #1E1E1E para tarjetas. Tipografía: "Inter" para títulos (font-weight 700) y "Roboto" para cuerpo (font-weight 400).
Estructura:
- <header class="bg-gray-900 text-gray-100 fixed w-full top-0 z-50"> con logo SVG abstracto, menú horizontal (Home, Features, About, Pricing, Blog, Contact) y dos botones "Get Started" (primary) y "Contact us" (secondary). Menú colapsable en móvil usando button con aria-controls y data-toggle.
- <section id="hero" class="pt-24 pb-16 bg-gray-900 text-center lg:text-left"> contiene u
3.761 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.761 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Navbar con logo y menú responsive
- 1.2 Hero: título, subtítulo, botones, imagen ilustrativa
- 1.3 Separador decorativo con imagen SVG
- 1.4 (otros bloques de funcionalidades, contadores, testimonios, etc.)
FEATURES
- 2.1 Encabezado de sección
- 2.2 Grid de tarjetas de características con iconos y texto
- 2.3 Llamada a la acción
ABOUT
- 3.1 Historia de la empresa
- 3.2 Equipo con fotos y descripciones
- 3.3 Valores y misión
PRICING
- 4.1 Tabla comparativa de planes
- 4.2 Botones de suscripción
BLOG
- 5.1 Lista de artículos con imágenes, título y extracto
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Información de contacto y mapa
FOOTER
- 7.1 Enlaces rápidos, redes sociales, suscripción a newsletter, copyright
PROMPTS RELACIONADOS · SAAS / STARTUP
