NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Branding Coral** (agencia digital) usando **HTML estático en un solo archivo**, **Tailwind CSS vía CDN** y **JavaScript vanilla** (single‑file). Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #1A1A1A (gris oscuro), #FFFFFF (blanco), #F5A623 (ámbar vibrante), #00C1D4 (cian brillante). Tipografía: **Montserrat** (sans‑serif) para títulos y **Inter** para cuerpo, importados desde Google Fonts.
### Estructura general
- **Header** fijo con logo (texto Branding Coral en Montserrat bold, color #F5A623), menú horizontal (Enlace, Servicios, Proyectos, Contacto) en Inter 16 px, color blanco, hover #00C1D4; botón “Agenda una llamada” estilo outline con borde #00C1D4 y texto #00C1D4.
- **Hero** full‑height con fondo #0A0A0A. Conti
4.710 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.710 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 Header con logo, menú y botón CTA
- 1.2 Hero superior: icono, texto introductorio
- 1.3 Hero medio: foto del director, nombre, cargo y especialidad
- 1.4 Hero inferior: rating de estrellas y número
- 1.5 Servicios: grid de tarjetas (4 columnas) con icono y breve descripción
- 1.6 Testimonios: carrusel de opiniones con estrellas
- 1.7 CTA final: botón de contacto
- 1.8 Footer: navegación secundaria, datos de contacto, redes
SERVICIOS
- 2.1 Header interno (igual que home)
- 2.2 Listado de servicios en secciones con imágenes y texto
- 2.3 CTA para solicitar presupuesto
- 2.4 Footer estándar
PROYECTOS
- 3.1 Header interno
- 3.2 Galería tipo grid con filtros
- 3.3 Detalle de proyecto con imágenes y caso de estudio
- 3.4 Footer
CONTACTO
- 4.1 Header interno
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Información de oficina y mapa incrustado
- 4.4 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
