NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictional brand **Gourmet Vega** (agro‑tech, "Innovación en cada surco"). Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript (no build tools). Replicate the visual patterns of the source template without copying any text.
**General requirements**
- Layout responsive: mobile first, breakpoint md for tablets, lg for desktop.
- Light mode only, dark background for navbar and footer (hex #0D0D0D). Primary accent #4CAF50, secondary #8BC34A, neutral text #FFFFFF, muted #CCCCCC.
- Typography: headings – "Poppins", sans‑serif; body – "Inter", sans‑serif. Base font size 16px, heading sizes H1 48px, H2 36px, H3 24px.
- Include a preloader that shows the logo (placeholder SVG) and the phrase "Innovación en cada surco" with a slide‑up animation.
4.770 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.770 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 Preloader animado con logo y frase
- 1.2 Navbar negro con logo claro/oscuro, menú hamburguesa y dropdown multi‑columna
- 1.3 Hero principal con título grande, subtítulo y botón llamativo
- 1.4 Cuatro tarjetas de servicio con íconos, título y descripción breve
- 1.5 Bloque de valores con íconos circulares y texto alineado
- 1.6 Estadísticas contadoras horizontales
- 1.7 Últimos artículos del blog en rejilla de tres columnas
- 1.8 Footer con columnas de enlaces, política, redes sociales y aviso legal
ABOUT
- 2.1 Encabezado interno con título y breadcrumb
- 2.2 Texto descriptivo de la empresa y foto ilustrativa
- 2.3 Valores diferenciadores en tarjetas
- 2.4 Equipo con foto, nombre y cargo
- 2.5 CTA a contacto
SERVICE
- 3.1 Lista de servicios en tarjetas con ícono y breve descripción
- 3.2 Sección de casos de éxito en carrusel
- 3.3 Preguntas frecuentes en acordeón
BLOG
- 4.1 Cabecera de blog con título y filtro de categorías
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación simple
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de localización
- 5.3 Información de contacto rápido y redes sociales
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
