NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. La marca ficticia es "Salon Titan" (salontitan.com). Usa la paleta de colores: fondo principal #111111, contenedores #1A1A1A, acento claro #F5F5F5, azul acento #0EA5E9. Tipografía: Inter (sans‑serif) para títulos y texto, peso 700 para headings y 400 para párrafos.
**Estructura**
- `<header>`: barra superior fija, logo a la izquierda (texto Salon Titan), menú hamburguesa que abre un overlay oscuro con enlaces a Home, Works, Blog, Contact.
- **Hero** (sección 1.1): contenedor centrado, título grande "Diseños que trascienden" usando clase `text-5xl font-bold text-white`, subtítulo opcional, botón 3D con efecto hover (clase personalizada `button-3d`).
- **Sección Home Demo** (1.2): título secun
3.917 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.917 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 Hero con título destacado y botón 3D
- 1.2 Sección "Home Demo" con cuadrícula de 4 tarjetas circulares
- 1.3 Sección "Work Demo" con cuadrícula de 5 tarjetas circulares
- 1.4 Sección "Blog Demo" con cuadrícula de 2 tarjetas circulares
HOME‑1 (demo)
- 1.1 Imagen hero completa con navegación redondeada
HOME‑2 (demo)
- 1.1 Imagen hero completa con navegación a pantalla completa
HOME‑3 (demo)
- 1.1 Imagen hero completa con navegación mínima
HOME‑4 (demo)
- 1.1 Imagen hero completa con navegación animada
WORK‑1 (demo)
- 1.1 Galería de proyecto con vista previa circular
WORK‑2 (demo)
- 1.1 Galería de proyecto con vista previa circular
WORK‑3 (demo)
- 1.1 Galería de proyecto con vista previa circular
WORK‑4 (demo)
- 1.1 Galería de proyecto con vista previa circular
WORK‑5 (demo)
- 1.1 Galería de proyecto con vista previa circular
BLOG‑1 (demo)
- 1.1 Entrada de blog con vista previa circular
BLOG‑2 (demo)
- 1.1 Entrada de blog con vista previa circular
PROMPTS RELACIONADOS · BEAUTY / SPA
