NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Marca ficticia: Aurora Nexus, dominio auroranexus.com, claim "Explora diseños y descarga plantillas sin complicaciones". Tema: landing page para presentar demos de plantillas. Paleta de colores: #0A0A0A (fondo oscuro), #FFFFFF (texto), #1E40AF (azul primario), #F59E0B (amarillo acento), #E5E7EB (gris claro). Tipografía: "Inter" para cuerpo y "Playfair Display" para títulos, ambas importadas desde Google Fonts.
Estructura:
- <header class="fixed top-0 w-full bg-transparent backdrop-blur" role="banner"> con logo a la izquierda, texto horario "SAN FRANCISCO – 18:24PM" centrado y menú de navegación a la derecha con dropdowns (Demos, About, All pages) y botón primario "Let's talk". Usa clases
3.857 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.857 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 Barra de navegación transparente con logo, horario y menú desplegable.
- 1.2 Hero con título, descripción y imagen de fondo.
- 1.3 Galería de demos (tres tarjetas, imagen, título, enlace).
- 1.4 Sección de Ultra Performance (título, descripción, grid de atributos).
- 1.5 Footer con logo pequeño, enlaces legales y redes sociales.
ABOUT US
- 2.1 Barra de navegación idéntica a la home.
- 2.2 Hero con título de página y descripción.
- 2.3 Texto descriptivo y foto de equipo.
- 2.4 Valores en columnas.
- 2.5 Footer común.
SERVICES
- 3.1 Barra de navegación.
- 3.2 Hero de servicios con título y breve texto.
- 3.3 Lista de servicios en tarjetas con icono y descripción.
- 3.4 CTA para contactar.
- 3.5 Footer.
CONTACT US
- 4.1 Barra de navegación.
- 4.2 Hero de contacto con título y subtítulo.
- 4.3 Formulario de contacto (nombre, email, mensaje, botón).
- 4.4 Mapa estático.
- 4.5 Footer.
PROMPTS RELACIONADOS · EDUCACIÓN
