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

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

Servicios de telecomunicaciones y soluciones en la nube Plataforma integral para comunicaciones digitales.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Salon Puerto** (dominio salonpuerto.com) siguiendo el mismo estilo visual y estructural del prototipo analizado. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. **Paleta de colores** (extraída del original): - #0D0D0D (negro profundo para textos y fondo principal) - #FFFFFF (blanco puro para contrastes) - #FF6F61 (rojo coral para botones primarios y acentos) - #F4F4F4 (gris claro para secciones de fondo suave) - #333333 (gris medio para texto secundario) **Tipografía**: Inter (Google Fonts) para encabezados y cuerpo, peso 400‑600. **Header**: barra fija con logo a la izquierda, menú centrado (Home, Demos, Páginas internas, Utilidades, Autenticación) y botón primario "Comprar plantilla" a la derecha. M
4.264 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.264 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 Puerto — 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 Header con logo, menú y botón primario
  • 1.2 Hero (título, párrafo, botones primario y secundario)
  • 1.3 Banner de imágenes en grid
  • 1.4 Sección "Nuestros Servicios" con cards (icono, título, texto)
  • 1.5 Demo de home page (preview con overlay)
  • 1.6 Páginas internas (grid de previews)
  • 1.7 Páginas utilitarias (grid de previews)
  • 1.8 Footer con enlaces y datos de contacto

Demos

  • 2.1 Header (reutilizado)
  • 2.2 Hero del demo
  • 2.3 Galería de screenshots del demo
  • 2.4 CTA de descarga

Inner Pages

  • 3.1 Header
  • 3.2 Hero con título de la página
  • 3.3 Contenido principal (texto e imágenes)
  • 3.4 CTA opcional
  • 3.5 Footer

Utility Pages

  • 4.1 Header
  • 4.2 Mensaje o formulario según tipo (404, 401, etc.)
  • 4.3 Enlaces de retorno
  • 4.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA

Otros prompts de la misma categoría