NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para "Growth Ónix", una agencia digital de branding y experiencias visuales. Usa exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar fielmente la estructura y estilo del sitio original analizado, pero con la marca ficticia y sin copiar texto.
**Paleta de colores**:
- Fondo principal: #0A0A0A (negro carbón)
- Texto primario: #FFFFFF (blanco)
- Texto secundario: #CCCCCC (gris claro)
- Accent principal: #00FFC8 (cian eléctrico)
- Accent secundario: #FF6F61 (coral suave)
**Tipografía**:
- Título principal: "Montserrat", peso 800, tamaño 5rem, tracking -0.05rem
- Subtítulos y cuerpo: "Inter", peso 400/500, tamaños variables 1rem‑1.25rem, line‑height 1.6
**Header**: barra fija, altura 80px, logo a la
4.616 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.616 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 fija con logo y enlaces ancla
- 1.2 Hero principal con fondo difuminado, tagline, título grande y botón CTA
- 1.3 Bloque "Confiado por" con marquee de logos de clientes
- 1.4 Sección "Sobre nosotros" con texto descriptivo y dos columnas de contenido
- 1.5 Galería de proyectos con tarjetas animadas al pasar el ratón
- 1.6 Servicios destacados en tarjetas con iconos y breve descripción
- 1.7 Formulario de contacto rápido con campos nombre, email y mensaje
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
SOBRE NOSOTROS
- 2.1 Título y subtítulo de la sección
- 2.2 Texto narrativo con párrafos y resaltados
- 2.3 Imagen o ilustración acompañante
PROYECTOS
- 3.1 Cabecera de la galería
- 3.2 Cuadrícula de tarjetas (3 columnas) con imagen, título y breve descripción
- 3.3 Botón "Ver más" que abre modal con más detalle
SERVICIOS
- 4.1 Título de la sección
- 4.2 Tarjetas de servicio (icono, título, párrafo corto) en layout de 3 columnas
CONTACTO
- 5.1 Título de la sección
- 5.2 Formulario sencillo (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto adicional (teléfono, email, dirección)
FOOTER
- 6.1 Logo y breve descripción
- 6.2 Menú rápido (enlaces internos)
- 6.3 Iconos de redes sociales
- 6.4 Copyright y política de privacidad
PROMPTS RELACIONADOS · DIGITAL AGENCY
