NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Saber Abedul, sector de consultoría sostenible, dominio saberabedul.com, claim "Impulsamos la innovación responsable", email hola@saberabedul.com, año 2026. Categoría: Corporativo.
Paleta de colores: #0A3D62 (azul marino), #1E8449 (verde bosque), #F4F6F7 (gris claro), #FFFFFF (blanco), #F39C12 (ámbar acento).
Tipografía: Inter para texto y headings, peso 400‑700, importada vía Google Fonts.
Estructura:
- Header fijo con logo (texto Saber Abedul + icono), menú horizontal (Home, About Us, Services, Projects, Blog, Contact), dropdown "Pages" con enlaces de utilidad, botón hamburguesa responsive.
- HERO: sección a pantalla completa con imagen de turbina eólica en fondo parallax, overla
3.784 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.784 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 Hero con imagen de fondo, título, subtítulo y dos botones CTA
- 1.2 Bloque de clientes "Trusted By" con logos
- 1.3 Estadísticas animadas (años de experiencia, proyectos entregados, % de resultados, años de experiencia ambiental)
- 1.4 Servicios en tarjetas con icono, título y breve descripción
- 1.5 Proyectos destacados en grid con imagen, título y categoría
- 1.6 Testimonios en carrusel con foto, nombre y cita
- 1.7 CTA de suscripción al boletín
- 1.8 Footer con enlaces, redes y contacto
ABOUT US
- 2.1 Cabecera interior con título y breadcrumb
- 2.2 Texto institucional y misión
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores en bloques icónicos
SERVICES
- 3.1 Lista de servicios en tarjetas expandibles
- 3.2 Caso de estudio destacado
PROJECTS
- 4.1 Galería filtrable de proyectos
- 4.2 Detalle de proyecto con imágenes y métricas
BLOG
- 5.1 Lista de artículos con miniatura y extracto
- 5.2 Pagina detalle de artículo
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · EDUCACIÓN
