NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia creativa llamado Saber Ámbar (saberambar.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del diseño analizado sin copiar ningún texto del original.
**Paleta de colores**:
- Primario: #0d0d0d (negro profundo)
- Secundario: #f1f3f8 (gris muy claro) - Acento: #ffffff (blanco)
- Hover/Active: #4a4a4a (gris medio)
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400 y 600 para encabezados.
**Header**:
- Logo doble: versión monocromática encima de versión de color, alternando en hover.
- Menú horizontal (Home, About, Work, News, Contact) con efecto de subrayado al pasar. En móviles, botón hamburguesa que despliega un menú vertical con los mismos enlaces.
**Sección Hero** (
4.352 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.352 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 con logo doble y menú horizontal
- 2.1 Sección hero con título, subtítulo y botón primario
- 3.1 Enlace a archivo Figma
- 4.1 Galería de demos Home (3 tarjetas)
- 5.1 Galería de demos Work (3 tarjetas)
- 6.1 Separador de línea gris
- 7.1 Footer minimalista
ABOUT
- 1.1 Encabezado (heredado)
- 2.1 Título “About” y contenido (no incluido en el fragmento)
- 3.1 Footer
WORK
- 1.1 Encabezado (heredado)
- 2.1 Lista de proyectos (imagen + enlace) – tres tarjetas
- 3.1 Footer
BLOG
- 1.1 Encabezado (heredado)
- 2.1 Lista de artículos (no detallado en el fragmento)
- 3.1 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
