NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Marketing Solera (agencia digital) usando solo HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula el diseño analizado: paleta de colores principal #0d0d0d (negro), acentos #22c55e (verde brillante) y #fbbf24 (amarillo cálido). Tipografía: Inter (sans) para texto y Playfair Display para headings. Estructura:
- <header> fijo con logo a la izquierda, menú ancla (Home, Servicios, Portafolio, Precios, FAQ) centrado y botón primario "Get Started" a la derecha. Menú colapsable en móvil con icono de hamburguesa.
- <section id="hero"> incluye badge "Available For Hire", título h1 centrado, párrafo, botones primary y secondary, mini‑galería de tres iconos circulares y badges de servicios (Branding, Marketing, Web
3.767 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.767 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 Header con logo, navegación ancla y botón primario
- 2.1 Hero: badge de disponibilidad, título h1, párrafo, botones primary/secondary, mini‑galería de muestra, badges de servicios, iconos sociales y métricas
- 3.1 Sección introductoria: iconos estrellas, título h2, párrafo, badges de servicios
- 4.1 Servicios: tarjetas con icono, nombre y descripción breve (ej. Branding, Marketing, Desarrollo Web)
- 5.1 Portafolio: grid de imágenes de proyectos con overlay de título
- 6.1 Precios: tabla de planes con título, lista de características y botones CTA
- 7.1 FAQ: acordeón con preguntas y respuestas
- 8.1 Footer: columnas de enlaces, redes sociales, datos de contacto y formulario breve
SERVICIOS
- 1.1 Header (reutilizado)
- 2.1 Lista de servicios en formato grid con iconos y descripciones
- 3.1 Testimonios en carrusel
- 4.1 CTA final y formulario de contacto
PORTAFOLIO
- 1.1 Header
- 2.1 Galería filtrable por categorías
- 3.1 Detalle de proyecto con imágenes y texto descriptivo
- 4.1 CTA para solicitar presupuesto
PRECIOS
- 1.1 Header
- 2.1 Tabla comparativa de planes (Básico, Pro, Premium) con precios ficticios y características
- 3.1 FAQ relacionada a precios
- 4.1 CTA de contratación
FAQ
- 1.1 Header
- 2.1 Lista de preguntas frecuentes en acordeón
- 3.1 CTA a contacto
CONTACTO
- 1.1 Header
- 2.1 Formulario simple (nombre, email, mensaje) y mapa integrado
- 3.1 Información de contacto y redes sociales
PROMPTS RELACIONADOS · DIGITAL AGENCY
