NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Proyecto Zenit" (estudio creativo de diseño digital y desarrollo low‑code). Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y los patrones visuales del sitio analizado:
- Paleta de colores: #111111 (negro profundo), #222222 (gris muy oscuro), #555555 (gris medio), #FFFFFF (blanco), #F5F5F5 (gris claro).
- Tipografía: Inter (sans‑serif) para títulos y cuerpo, peso 400‑700.
- Header: barra fija con logo (SVG placeholder), menú horizontal (Home, About, Services, Projects, Blog, Contact) y botón primario "Book a call" con ícono de flecha a la derecha. Menú responsive con botón hamburguesa.
- Hero: división doble. Izquierda foto redonda del autor y nombre grande en dos l
3.892 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.892 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, menú horizontal y botón CTA
- 2.1 Hero top: foto autor, nombre, año fundación
- 2.2 Hero top‑right: título "since 2015" y párrafo descriptivo
- 3.1 Hero bottom: ubicación y rol
- 3.2 Contadores de experiencia, clientes y proyectos
- 4.1 Líneas decorativas de fondo (horizontales y verticales)
- 5.1 Sección "Latest Projects" con título
- 5.2 Grid de proyectos: número /01‑/03, miniatura, título y categorías
- 6.1 Footer con enlaces de navegación y iconos sociales
ABOUT
- 1.1 Cabecera idéntica a la home
- 2.1 Bloque de presentación personal ampliada
- 3.1 Testimonios y timeline de carrera
- 4.1 CTA para contactar
SERVICES
- 1.1 Cabecera idéntica
- 2.1 Listado de servicios en tarjetas con icono, título y breve descripción
- 3.1 Sección de precios simplificada (sin cifras concretas)
- 4.1 CTA de reserva de llamada
PROJECTS
- 1.1 Cabecera idéntica
- 2.1 Grid de proyectos con filtro por categoría
- 3.1 Cada proyecto abre una página individual con galería, descripción y resultados
BLOG
- 1.1 Cabecera idéntica
- 2.1 Lista de artículos con imagen, título, extracto y meta información
- 3.1 Sidebar con categorías y suscripción al newsletter
CONTACT
- 1.1 Cabecera idéntica
- 2.1 Formulario de contacto simple (nombre, email, mensaje)
- 3.1 Información de contacto y mapa estático
PROMPTS RELACIONADOS · MISCELLANEOUS
