NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una herramienta SaaS llamada Panel Aurora (dominio panelaurora.com) que reproduzca fielmente el diseño analizado. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #F5F5F5 (acentos claros), #FFB800 (botón primario). Tipografía: Inter, sans‑serif, con pesos 400 y 600.
Estructura:
- <header class="bg-white border-b border-gray-200"> con logo a la izquierda, menú (Feature, Use Case, Pricing, FAQ) y botón "Free Credits" con icono de moneda (svg inline). Menú colapsable en móvil con botón hamburguesa.
- <section id="hero" class="bg-[#0A0A0A] text-white py-20"> contenedor centrado, badge con svg y texto "From Text to Reel — Instantly", <h1 class="text-5xl font-bold">Tra
4.162 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.162 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 con logo, enlaces y botón de crédito gratuito
- 1.2 Hero principal con badge, titular, subtexto y dos botones CTA
- 1.3 Sección de características (grid de iconos + descripción)
- 1.4 Sección de casos de uso (cards con ilustraciones)
- 1.5 Tabla de precios (planes y botón CTA)
- 1.6 Preguntas frecuentes (acordeón)
- 1.7 Demo en vídeo incrustado
- 1.8 Footer con enlaces, redes sociales y datos de contacto
FEATURES
- 2.1 Encabezado de sección y grid de 3 columnas con icono, título y texto
USE‑CASE
- 3.1 Título de sección y carousel de cards con imágenes y descripciones
PRICING
- 4.1 Tabla comparativa de 3 planes, precios ficticios y botón de selección
FAQ
- 5.1 Lista de preguntas colapsables con iconos y respuestas breves
DEMO
- 6.1 Vídeo incrustado responsive con título y botón de reproducción
FOOTER
- 7.1 Logo, menú de enlaces rápidos, íconos de redes y datos de contacto
PROMPTS RELACIONADOS · SAAS / STARTUP
