NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Suite Fresco", un estudio de diseño y desarrollo freelance. Usa HTML5 semántico + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Reproduce el diseño analizado:
- Paleta de colores: #111111 (negro profundo), #222222 (gris oscuro), #FFFFFF (blanco), #F5A623 (ámbar acento).
- Tipografía: "Inter" para cuerpo y encabezados, "Playfair Display" para títulos hero.
- Header: barra superior fija con logo (texto "Lúmina" en Inter Bold) a la izquierda y botón de menú hamburguesa a la derecha. Al hacer clic, se despliega un panel lateral izquierdo (ancho 280px) con fondo #111111, logo blanco, lista de enlaces numerados (01 Home, 02 Sobre mí, 03 Proyectos, 04 Servicios, 05 Blog, 06 Contacto) en color #FFFFFF, y bloque de datos de contact
3.757 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.757 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 fija con logo y botón de menú
- 1.2 Menú lateral ocultable con enlaces numerados y datos de contacto
- 1.3 Hero principal con imagen destacada, etiqueta de disponibilidad, nombre y descripción breve, enlaces sociales
- 1.4 Footer minimalista con enlaces de redes y derechos de autor
ABOUT
- 1.1 Cabecera (reutilizada)
- 1.2 Sección de biografía con foto y texto descriptivo
- 1.3 Habilidades en tarjetas con iconos
- 1.4 CTA para contacto
PROJECTS
- 1.1 Cabecera
- 1.2 Grid de proyectos con miniaturas, título y categoría
- 1.3 Filtro por etiquetas
- 1.4 Paginación simple
SERVICES
- 1.1 Cabecera
- 1.2 Lista de servicios en tarjetas con icono, título y breve descripción
- 1.3 Sección de precios simplificada (texto genérico)
- 1.4 CTA de solicitud de presupuesto
BLOGS
- 1.1 Cabecera
- 1.2 Lista de artículos en formato tarjeta con imagen, título, extracto y fecha
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Paginación
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Información de contacto rápido (teléfono, email, dirección)
- 1.4 Mapa embebido (placeholder)
FOOTER
- 1.1 Bloque único con derechos de autor y enlaces a redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
