NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Línea Vital" (clínica de cirugía estética) usando HTML estático, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: blanco #FFFFFF, gris claro #F5F5F5, gris medio #CCCCCC, azul marino #0A2740, azul acento #2A9D8F, dorado suave #D4AF37. Tipografía: headings con "Playfair Display" (serif), textos corrientes con "Inter" (sans-serif).
Estructura:
- **Top header** (clase `top-header`): barra estrecha con tres bloques de información (email, dirección, teléfono) alineados horizontalmente, separador vertical entre ellos, y a la derecha íconos de redes sociales (FB, IG, TW, YT) en gris.
- **Navbar** (`navbar-main-wrapper`): logo en SVG/PNG a la izquierda, menú de navegación centrado con enlaces Home,
4.422 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.422 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 Barra superior con email, dirección, teléfono y enlaces a redes sociales
- 1.2 Navbar con logo, menú (Home, About, Procedures, Pages dropdown, Contact) y botón "Get appointment"
- 1.3 Hero: subtítulo, título con highlight, párrafo introductorio, botón "Read More", rating visual y conjunto de iconos de estrellas
- 1.4 Imagen principal con capas superpuestas y animaciones de entrada
- 1.5 Elementos decorativos laterales y fondos en forma de SVG
ABOUT
- 2.1 Hero interno con título y descripción
- 2.2 Texto descriptivo de la clínica y equipo
- 2.3 Galería de imágenes de instalaciones
PROCEDURES
- 3.1 Lista de procedimientos en formato grid con imagen, título y breve descripción
- 3.2 Botón de solicitud de información para cada servicio
GALLERY
- 4.1 Galería tipo masonry con fotos de resultados y ambientes
- 4.2 Filtros por categoría
BLOG ARCHIVE
- 5.1 Lista de artículos con miniatura, título, extracto y fecha
- 5.2 Paginación
BLOG SINGLE
- 6.1 Artículo completo con imagen destacada, contenido y sección de comentarios
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 7.2 Mapa incrustado y datos de la clínica
FOOTER
- 8.1 Información de contacto, horarios, enlaces rápidos y redes sociales
- 8.2 Aviso legal y política de privacidad
PROMPTS RELACIONADOS · BELLEZA / SPA