NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño de una agencia digital minimalista usando solo HTML, Tailwind CDN y JavaScript vanilla (un único archivo). Marca ficticia: Formación Zafiro (formacionzafiro.com). Paleta de colores: #0A0A0A (fondo negro profundo), #FFFFFF (texto blanco), #1A73E8 (azul acento), #F2F2F2 (gris claro para fondos de secciones), #E0E0E0 (gris medio para bordes). Tipografía: Inter var (Google Fonts) para títulos y body, peso 400‑700.
HEADER: barra de navegación fija, fondo semitransparente negro, logo textual "Formación Zafiro" a la izquierda, enlaces horizontales (Home, About, Contact, Case Studies) con efecto hover underline, iconos de Instagram, X, LinkedIn, Facebook a la derecha, botón hamburguesa para móvil que despliega menú vertical con animación de des
3.815 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.815 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 Barra de navegación fija con logo ficticio, enlaces y redes.
- 2.1 Hero circular con 10 imágenes en grid animada.
- 3.1 Bloque introductorio con título, subtítulo y botón CTA.
- 4.1 Cuadrícula de casos de estudio (tarjetas con imagen y descripción).
- 5.1 Footer con información de contacto, enlaces y redes.
ABOUT
- 1.1 Cabecera interna con título y breadcrumb.
- 2.1 Texto descriptivo sobre la agencia y equipo.
- 3.1 Galería de fotos del equipo.
- 4.1 Footer normal.
CONTACT
- 1.1 Cabecera interna.
- 2.1 Formulario de contacto simple (nombre, email, mensaje).
- 3.1 Mapa embebido (placeholder).
- 4.1 Footer.
CASE-STUDIES
- 1.1 Cabecera interna.
- 2.1 Lista de proyectos en tarjetas con imagen, título y breve descripción.
- 3.1 Paginación simple.
- 4.1 Footer.
PROMPTS RELACIONADOS · EDUCATION
