NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Belleza Perla, agencia de diseño y marketing digital. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores debe incluir:
- Fondo oscuro: #0A0A0A
- Texto principal: #FFFFFF
- Destacados/acolores de acento: #F5A623 (ámbar), #00C9A7 (turquesa), #E94F7A (rosa);
Tipografía: Inter (Google Fonts) para títulos y cuerpo, tamaños responsive (h1 4xl, h2 3xl, párrafos 1xl).
Estructura y bloques:
1. Header: barra fija, logo a la izquierda (placeholder), menú colapsable para móvil con icono hamburguesa, enlaces: Home, Services, Portfolio, Blog, Contact. Botón destacado "Ver todo" a la derecha.
2. Hero: sección a pantalla completa con fondo degradado oscuro, título grande "Ready to elevate your brand wi
4.037 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.037 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 y menú colapsable
- 2.1 Hero con título, subtítulo, botones y enlaces a redes
- 3.1 Sección de clientes con carrusel de logos
- 4.1 Servicios en tarjetas con iconos y breves descripciones
- 5.1 Portafolio con cuadrícula de proyectos y filtros
- 6.1 Blog con vista previa de artículos
- 7.1 Footer con navegación secundaria, datos de contacto y redes sociales
SERVICES
- 1.1 Título de sección y descripción
- 1.2 Cuatro tarjetas de servicio con icono, título y texto breve
PORTFOLIO
- 1.1 Título de sección y filtro de categorías
- 1.2 Cuadrícula de 6 proyectos con imagen, título y categoría
BLOG
- 1.1 Título de sección y lista de 3 artículos destacados con imagen, fecha y extracto
CONTACT
- 1.1 Formulario simple (nombre, email, mensaje) y botón enviar
- 1.2 Información de contacto y mapa estático
FOOTER
- 1.1 Enlaces de navegación rápida
- 1.2 Redes sociales y aviso legal
PROMPTS RELACIONADOS · BEAUTY / SPA
