NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Educa Golfo (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. La página debe reproducir el diseño analizado:
- **Paleta de colores**: negro #000000, blanco puro #FFFFFF, rojo acento #E63946, gris suave #F1F1F1, gris oscuro para texto #333333.
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para cuerpo y encabezados; fuente secundaria "Lora" para destacar palabras dentro del hero.
- **Header**: barra de navegación fija, fondo blanco, logo en SVG placeholder, enlaces Home, About, Projects, Blog, Contact y botón destacado rojo "Book a call" con efecto hover (sombra y cambio a #C53030).
- **Sección 1 – Hero**: contenedor centrado, tag line "Creative services for modern brands" con ic
4.114 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.114 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 Navbar fijo con logo, enlaces y botón "Book a call"
- 2.1 Hero principal con tag line, título dividido en tres líneas, emojis decorativos y botón CTA
- 3.1 Vídeo de fondo a pantalla completa bajo el hero
- 4.1 Slider de logos de clientes en bucle continuo
- 5.1 Bloque "About us" con título, descripción, icono de rating y tres tarjetas de contador
ABOUT
- 1.1 Texto de presentación y valores de la agencia
- 2.1 Imagen o ilustración acompañante
- 3.1 Lista de servicios con iconos
PROJECTS
- 1.1 Grid de proyectos destacados con imagen, título y breve descripción
- 2.1 Filtro por categoría
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y fecha
- 2.1 Paginación
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 2.1 Información de contacto y mapa incrustado
PROMPTS RELACIONADOS · EDUCACIÓN
