NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada Estudio Citrino. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores debe ser: fondo blanco #FFFFFF, texto negro #000000, acento verde #22C55E, tonos gris claros #F5F5F5 y #E5E7EB. Tipografía principal: Inter (Google Fonts) en pesos 400 y 600.
Estructura y componentes:
1. **Header** fijo, fondo blanco, logo a la izquierda (placeholder SVG), menú de anclaje con enlaces a #hero, #services, #portfolio, #pricing, #faq y un botón CTA "Comenzar" con fondo verde y texto blanco.
2. **Hero** (id="hero") ocupando la pantalla completa: badge semitransparente "Disponible para proyectos", título h1 centrado "Ideas que perduran, marcas que destacan", párrafo grande bajo el título, dos botones "
4.179 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.179 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 Encabezado fijo con logo, menú ancla y botón CTA
- 1.2 Hero principal con badge, título, subtítulo, botones, mini‑galería y fondo decorativo
- 1.3 Sección de presentación con iconos, título, descripción y badges de servicios
SERVICES
- 2.1 Título sección y descripción introductoria
- 2.2 Grid de cards (icono, nombre, breve descripción) para Branding, Desarrollo Web, Marketing
PORTFOLIO
- 3.1 Título sección y filtro de categorías
- 3.2 Masonry grid de proyectos con imágenes y overlay
PRICING
- 4.1 Título sección y descripción
- 4.2 Tres tarjetas de precios (Plan Básico, Pro, Premium) con listado de características y botón CTA
FAQ
- 5.1 Título sección y descripción
- 5.2 Accordion con preguntas y respuestas
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje) y botón enviar
- 6.2 Información de contacto y mapa embed
PROMPTS RELACIONADOS · PORTFOLIO
