NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Sabor Lira, consultora de sostenibilidad, usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del sitio original sin copiar textos ni imágenes específicas.
**Paleta de colores**:
- Primario: #0A7F5B (verde bosque)
- Secundario: #F5F5F5 (gris muy claro)
- Texto principal: #111111
- Texto secundario: #555555
- Enlaces/hover: #0D9E70
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Títulos: peso 700, texto en mayúsculas pequeñas para eyecatchers.
- Cuerpo: peso 400, interlineado 1.6.
**Header** (fijo, transparent al inicio, cambia a fondo blanco al hacer scroll):
- Logo a la izquierda (texto Sabor Lira).
- Menú horizontal a la derech
5.480 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.480 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: logo izquierdo, menú derecho con enlaces a Home, About Us, Service, Project, Pages (dropdown), Blog, Contact.
- 1.2 Hero: imagen de fondo a pantalla completa, overlay oscuro, título principal, texto descriptivo, dos botones (primario y secundario), fila de logos de clientes.
- 1.3 Estadísticas: bloque con fondo gris claro, encabezado "Experience it in action", sub‑título, grid de 4 contadores animados (Proyectos, Impacto %, Años de experiencia, Resultado positivo) y sus descripciones.
ABOUT US
- 2.1 Cabecera reutilizada.
- 2.2 Banner interno con título y breadcrumbs.
- 2.3 Texto de misión/visión en columnas, imagen acompañante.
- 2.4 Equipo destacado con tarjetas y foto.
SERVICES
- 3.1 Cabecera reutilizada.
- 3.2 Lista de servicios en tarjetas con icono, título y breve descripción.
- 3.3 CTA para contactar.
PROJECT
- 4.1 Cabecera reutilizada.
- 4.2 Galería de proyectos en grid con filtro por categoría.
- 4.3 Detalle de proyecto con imagen hero, descripción, métricas.
BLOG
- 5.1 Cabecera reutilizada.
- 5.2 Listado de artículos en tarjetas con imagen, categoría, fecha y extracto.
- 5.3 Sidebar con categorías y últimos artículos.
CONTACT
- 6.1 Cabecera reutilizada.
- 6.2 Formulario de contacto (nombre, email, asunto, mensaje) y mapa incrustado.
- 6.3 Información de contacto y redes sociales.
FOOTER (presente en todas las páginas)
- 7.1 Enlaces rápidos, logo, texto breve, botón de suscripción a newsletter, íconos de redes sociales.
PROMPTS RELACIONADOS · RESTAURANT AND FOOD
