NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada Growth Austral. Usa HTML único en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Emplea la siguiente paleta de colores: #0A0A0A (negro profundo), #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: "Inter" para textos y "Playfair Display" para títulos, importadas desde Google Fonts.
Estructura requerida:
1. HEADER: barra de navegación fija con logo (texto Lúmina), enlaces Home, Sobre Nosotros, Servicios, Proyectos, Contacto y botón primario "Ver Servicios" (fondo azul, texto blanco). Menú responsivo con hamburguesa que despliega overlay vertical con enlaces numerados (01 Home, 02 About, etc.) y botón "Contactar".
2. HERO: sección a pantalla compl
4.547 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.547 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 Cabecera con logo, menú y botón primario
- 1.2 Hero con letras animadas, título, párrafo y botón CTA
- 1.3 Ticker de palabras clave bajo el hero
- 1.4 Imagen de fondo grande con superposición de forma
- 1.5 Detalles de hero con animación de entrada
- 1.6 Bordes decorativos alrededor del hero
ABOUT US
- 2.1 Subtítulo con icono y estilo de borde
- 2.2 Contador de premios con flechas decorativas
- 2.3 Título principal con énfasis en una frase
- 2.4 Texto descriptivo de la agencia
- 2.5 Enlace a más información (botón implícito)
SERVICES
- 3.1 Lista de servicios en tarjetas con iconos
- 3.2 Botón de ver todos los servicios
PROJECTS
- 4.1 Galería tipo grid con filtros
- 4.2 Etiquetas de proyecto y descripción breve
CONTACT US
- 5.1 Formulario de contacto simple (nombre, email, mensaje)
- 5.2 Botón de envío
- 5.3 Información de contacto y mapa inline
FOOTER
- 6.1 Enlaces de navegación secundaria
- 6.2 Iconos de redes sociales
- 6.3 Crédito y aviso legal
PROMPTS RELACIONADOS · AGENCIA DIGITAL
