NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Estudio Digital Coral", agencia digital, usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores: #0A0A0A (negro profundo), #FF6F61 (coral accent), #F5F5F5 (gris muy claro), #FFFFFF (blanco). Tipografía: Inter, sans‑serif, importada desde Google Fonts.
Estructura general:
- Header fijo con logo (texto "Lúmina" en Inter Bold, color #FF6F61) y menú de navegación horizontal (Home, Studio, Services, Works, Blog, Contact). Incluye icono de carrito que muestra cantidad (simulado) y menú hamburguesa para móvil.
- Hero (sección 1.1) ocupando pantalla completa, fondo #0A0A0A, texto principal en blanco, subtítulo en #F5F5F5, botón CTA con fondo #FF6F61, borde redondeado, hover #FF4A3A.
- Servicio
3.784 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.784 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 Hero con encabezado, subtítulo y CTA
- 1.2 Servicios en tarjetas
- 1.3 Portafolio en grid
- 1.4 Testimonios carousel
- 1.5 Precios resumidos
- 1.6 CTA final
- 1.7 Footer con enlaces y datos
ABOUT
- 2.1 Historia de la agencia
- 2.2 Equipo con fotos y breves bios
- 2.3 Valores y metodología
SERVICES
- 3.1 Lista de servicios con iconos
- 3.2 Detalle de proceso de trabajo
- 3.3 CTA para solicitar presupuesto
WORKS
- 4.1 Galería filtrable de casos
- 4.2 Ficha individual de proyecto (solo página interna)
BLOG
- 5.1 Lista de artículos con extractos
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto
- 6.2 Mapa incrustado
- 6.3 Información de localización
PRICING
- 7.1 Tabla comparativa de planes
- 7.2 Detalle de beneficios por plan
- 7.3 Botón de compra (simulado)
FOOTER (presente en todas las páginas)
- 8.1 Navegación secundaria
- 8.2 Redes sociales
- 8.3 Avisos legales y suscripción al boletín
PROMPTS RELACIONADOS · DIGITAL AGENCY
