NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo (HTML, Tailwind CSS CDN, JavaScript vanilla en un único archivo) para la marca ficticia **Belleza Puerto** (consultoría tecnológica IA). Usa la siguiente paleta de colores: #0F172A (primary dark), #1E293B (secondary dark), #F1EE46 (accent yellow), #F8FAFC (light background), #111827 (text primary). Tipografía: **Inter** para títulos y cuerpo, peso 400‑700, importada desde Google Fonts.
**Estructura y componentes**
1. **Header (navbar)** – posición fija, fondo primary, logo SVG ficticio a la izquierda, enlaces: Home, Services, About Us, Contact, Blog. En desktop muestra los enlaces en línea; en móvil colapsa en menú hamburguesa con animación slide‑down. Botón a la derecha "Buy Template" con variante secundaria.
2. **Hero** – sección a pantalla completa,
4.378 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.378 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 de navegación fija con logo, enlaces principales y botón de compra.
- 1.2 Hero central con título destacado, subtítulo, botones de acción y fondo visual.
- 1.3 Galería 3D de tarjetas animadas mostrando casos de uso.
- 1.4 Valoración de clientes con estrellas y puntuación.
- 1.5 Carrusel continuo de logotipos de partners y clientes.
- 1.6 Footer con enlaces institucionales y datos de contacto.
SOBRE NOSOTROS
- 2.1 Encabezado con imagen de apoyo y texto descriptivo.
- 2.2 Misión, visión y valores en columnas.
- 2.3 Equipo destacado con tarjetas de perfil.
- 2.4 CTA para descargar brochure.
SERVICIOS
- 3.1 Lista de servicios en tarjetas con iconos.
- 3.2 Detalle de cada servicio con descripción y caso de estudio.
- 3.3 CTA para solicitar consulta.
CONTACTO
- 4.1 Formulario de contacto simple.
- 4.2 Mapa incrustado y datos de ubicación.
- 4.3 Información de contacto y redes sociales.
BLOG
- 5.1 Grid de artículos con imagen, título y extracto.
- 5.2 Paginación y barra lateral con categorías.
- 5.3 CTA para suscripción al boletín.
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
