NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious brand Luna Creations, a digital design & development agency. Use only HTML, Tailwind CSS via CDN and vanilla JavaScript. The design must reproduce the visual patterns of the source template: a clean, chic portfolio layout with a dark‑light neutral palette, geometric accent shapes and subtle hover animations.
Palette (hex): Primary #1A202C (deep charcoal), Secondary #2D3748 (dark slate), Accent #4A90E2 (soft blue), Light #F7FAFC (off‑white), Highlight #E2E8F0 (gray‑200).
Typography: Headings – "Inter", sans‑serif, weight 700; Body – "Inter", weight 400. Load fonts from Google Fonts.
Header: fixed top bar, left logo (placeholder SVG), right hamburger menu that toggles a full‑screen overlay navigation. Overlay contains links: Home, Ab
3.882 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.882 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 y menú hamburguesa
- 1.2 Hero principal con saludo y llamado a proyectos recientes
- 1.3 Tarjeta de proyecto destacado
- 1.4 Tarjeta "Sobre mí" con presentación breve
- 1.5 Llamada a acción de contacto con botón "Book a Call"
- 1.6 Sección de últimos blogs con miniaturas
- 1.7 Tarjeta de servicios con enlace a la página de servicios
- 1.8 Resumen de reviews y rating
- 1.9 Información de ubicación
- 1.10 Footer con iconos sociales
ABOUT
- 2.1 Header idéntico al de Home
- 2.2 Bloque de presentación personal con foto y texto largo
- 2.3 Timeline de experiencia
- 2.4 Testimonios rotativos
- 2.5 CTA de contacto
- 2.6 Footer
PROJECTS
- 3.1 Header
- 3.2 Grid de proyectos con tarjetas, imágenes y filtros
- 3.3 Modal o página detalle de proyecto
- 3.4 Footer
BLOGS
- 4.1 Header
- 4.2 Lista de artículos con imágenes, título y extracto
- 4.3 Paginación
- 4.4 Footer
SERVICES
- 5.1 Header
- 5.2 Sección de servicios en columnas con iconos y descripción corta
- 5.3 CTA de solicitud de presupuesto
- 5.4 Footer
REVIEWS
- 6.1 Header
- 6.2 Grid de reseñas con foto, nombre, rating y texto
- 6.3 Formulario rápido de envío de review
- 6.4 Footer
CONTACT
- 7.1 Header
- 7.2 Formulario de contacto con campos nombre, email, mensaje
- 7.3 Mapa estático con ubicación
- 7.4 Footer
PROMPTS RELACIONADOS · PORTAFOLIO
