NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Branding Neon, una agencia digital. Utiliza solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo del sitio de referencia, sin copiar texto ni imágenes reales.
**Paleta de colores**:
- Primario: #1A1A2E (azul marino profundo)
- Secundario: #16213E (gris azul)
- Accent: #0F3460 (azul vibrante)
- Fondo claro: #F0F4F8
- Texto principal: #212529
**Tipografía**:
- Heading: 'Inter', sans-serif, weight 700
- Body: 'Inter', sans-serif, weight 400
**Header**: barra de navegación fija, fondo blanco, sombra ligera, logo a la izquierda, enlaces (Sobre, Servicios, Proyectos, Precios, Blog) centrados, dropdown "Páginas" con Contacto, Política de privacidad, Términos
4.778 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.778 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, menú desplegable y botón "Let's talk"
- 1.2 Hero con título grande, texto descriptivo y botones "Explorar Pages" y "Comprar plantilla"
- 1.3 Animación paralela de imágenes superior (galería en movimiento)
- 1.4 Animación paralela inferior (imágenes que entran desde la izquierda)
- 1.5 Footer con barra separadora, enlaces a páginas legales y botón de contacto
ABOUT
- 2.1 Encabezado de sección con título y descripción breve
- 2.2 Texto de presentación sobre la agencia
- 2.3 Imagen ilustrativa alineada a la derecha
SERVICES
- 3.1 Lista de servicios en tarjetas con íconos y breve descripción
- 3.2 Botón para ver más detalles
WORKS
- 4.1 Galería de proyectos en cuadrícula responsive
- 4.2 Filtros por categoría
- 4.3 Modal de vista ampliada del proyecto
PRICING
- 5.1 Tabla comparativa de planes con características y botones "Seleccionar"
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 6.2 Mapa embebido y datos de contacto
BLOG
- 7.1 Lista de entradas con imagen, título, extracto y botón "Leer más"
- 7.2 Paginación inferior
PROMPTS RELACIONADOS · DIGITAL AGENCY
