Carrito Iniciar sesión
BELLEZA / SPA · Claude Design · HTML

Salon Neon — Prompt de diseño web para Claude AI

Agencia de diseño y desarrollo web Estructura clara, estética refinada.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Salon Neon — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Create a fully responsive single‑file website for the fictional brand **Salon Neon** (salonneon.com). Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript. Replicate the visual hierarchy and interaction patterns described in the analysis, but generate original copy in Spanish (Spain). --- **Palette**: #111111 (primary black), #222222 (dark gray), #333333 (medium gray), #FFFFFF (white), #F5F5F5 (light gray). Use black for primary text, dark gray for secondary, white for backgrounds, and light gray for borders and hover states. **Typography**: Use `Inter` from Google Fonts for headings (font‑weight 600) and `Inter` regular for body text. Base size 16px, headings scaled via Tailwind utilities (text-2xl, text-4xl, etc.). --- **Header**: Fixed top bar, flex container, logo (simple SVG p
4.932 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.932 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Salon Neon — home completa
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 y menú desplegable
  • 1.2 Hero principal con título, descripción y botones CTA
  • 1.3 Sección Overview con texto introductorio y columnas de características
  • 1.4 Grilla de proyectos destacados (portfolio)
  • 1.5 Área de testimonios
  • 1.6 Formulario de contacto
  • 1.7 Footer con enlaces y datos de contacto

PAGE: Overview

  • 2.1 Título de página y descripción
  • 2.2 Lista de beneficios con íconos
  • 2.3 Imagen ilustrativa al costado

PAGE: Portfolio

  • 3.1 Galería de tarjetas de proyecto (imagen, título, categoría)
  • 3.2 Filtro por categorías

PAGE: Testimonials

  • 4.1 Carrusel de citas de clientes con avatar y nombre

PAGE: Contact

  • 5.1 Formulario de contacto (nombre, email, mensaje)
  • 5.2 Mapa incrustado
  • 5.3 Información de oficina

PAGE: Blog (placeholder)

  • 6.1 Lista de artículos con miniatura, título y extracto
  • 6.2 Paginación simple
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA

Otros prompts de la misma categoría