NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete one‑file website for the fictitious brand **Belleza Zenit** (community platform for web designers and developers). Use **HTML**, **Tailwind CSS via CDN**, and **vanilla JavaScript** only. The design must mimic the visual patterns of the source site without copying any text or assets.
---
### General requirements
- Language: Spanish (Spain).
- Layout: responsive, mobile‑first, using Tailwind utility classes.
- Colour palette: primary #0D47A1 (deep blue), secondary #1976D2 (blue), accent #FFB300 (amber), background #F5F7FA (light gray), text primary #212121, text secondary #757575.
- Typography: **"Inter"** for headings (font‑weight 600‑700) and **"Roboto"** for body text (font‑weight 400). Load from Google Fonts.
- Accessibility: proper heading hierarchy, alt attributes f
5.043 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.043 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 Hero con título, subtítulo, formulario de email y botón "Get Started", imagen principal de fondo
- 1.2 Logos de marcas colaboradoras en fila horizontal
- 1.3 Features grid con 3 columnas: icono, título, descripción (Help Forum, Show and Tell, Looking for Work)
- 1.4 Botón secundario "Get more informations"
- 1.5 How it works: layout de tres pasos, cada uno con imagen de móvil, título, subtítulo, descripción y botón de acción
- 1.6 Footer (no especificado en el HTML provisto, se asume presencia de enlaces y redes sociales)
PRICING (ejemplo de página adicional)
- 2.1 Encabezado con título y breve descripción
- 2.2 Tabla comparativa de planes con botones de selección
- 2.3 Preguntas frecuentes en acordeón
- 2.4 Llamada a la acción final
UPDATES (ejemplo de página adicional)
- 3.1 Lista de novedades con fecha, título y breve extracto
- 3.2 Botón para leer más
- 3.3 Sidebar con filtros de categoría
SUPPORT (ejemplo de página adicional)
- 4.1 Formulario de contacto avanzado
- 4.2 Sección de recursos y documentación
- 4.3 Chat en vivo simulado
- 4.4 Enlaces a redes sociales
PROMPTS RELACIONADOS · BEAUTY / SPA
