NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web única basada en la marca ficticia Salon Brisa (dominio salonbrisa.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web es una Landing Page para plantillas de proyectos NFT y debe reproducir la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**: #0a0a0a (fondo negro), #ffffff (texto blanco), #1e40af (azul intenso), #e5e7eb (gris claro), #f59e0b (ámbar para acentos).
**Tipografía**: Inter (sans-serif) para todo el contenido, con tamaños responsivos usando Tailwind (text-2xl, lg:text-4xl, etc.).
**Header**: barra fija con logo de texto "Salon Brisa" en azul, enlaces de navegación (Demo 1‑6, Guía, FAQ, Licencias) y botón destacado "Compra ahora" en ámbar. Usa flex y espacio ent
4.411 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.411 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 Header con logo, navegación y botón de compra
- 1.2 Hero con imagen GIF y título central
- 1.3 Galería de 6 landing pages de demostración
- 1.4 Galería de 3 páginas utilitarias
- 1.5 Bloque CTA con imágenes decorativas, título, descripción y dos botones
- 1.6 Footer oscuro con columnas de enlaces y créditos
DEMO 1
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
DEMO 2
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
DEMO 3
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
DEMO 4
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
DEMO 5
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
DEMO 6
- 1.1 Imagen de portada del demo
- 1.2 Texto descriptivo (placeholder)
- 1.3 Botón de volver al inicio
STYLE GUIDE
- 1.1 Imagen ilustrativa de la guía
- 1.2 Listado de tipografías y colores (placeholder)
- 1.3 Botón de volver al inicio
FAQS
- 1.1 Imagen ilustrativa de FAQ
- 1.2 Preguntas frecuentes (placeholder)
- 1.3 Botón de volver al inicio
LICENSES
- 1.1 Imagen ilustrativa de licencias
- 1.2 Tabla de licencias (placeholder)
- 1.3 Botón de volver al inicio
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 27/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
