NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca es Fluxo Espacio (fluxoespacio.com). El proyecto debe reproducir la estructura visual de una landing page de coworking y estudio de yoga con los siguientes requisitos:
**Paleta de colores**:
- Principal: #0D3B66 (azul oscuro)
- Secundario: #FAF0CA (crema)
- Acento: #F4D35E (amarillo dorado)
- Fondo: #F0F4F8 (gris muy claro)
- Texto: #333333 (gris oscuro).
**Tipografía**: Usa 'Inter' para textos y 'Playfair Display' para encabezados, ambas cargadas desde Google Fonts.
**Header (navbar)**: Fijo, fondo blanco con sombra ligera. Izquierda: logo ficticio (placeholder SVG). Derecha: enlaces horizontales "Membresías", "Espacios", "Blog", "Contacto" con efecto hover que invierte co
4.487 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.487 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 Navbar con logo, enlaces y botón de llamada a la acción.
- 2.1 Hero slider con imágenes, título, subtítulo, texto y botón.
- 3.1 Sección About con tarjeta grande de texto e imagen decorativa.
- 3.2 Tarjeta pequeña con imagen de cable.
- 4.1 Segunda fila de tarjetas pequeñas con imágenes abstractas.
- 5.1 (Placeholder para sección de servicios / espacios).
- 6.1 Footer con enlaces, información y redes.
MEMBERSHIPS
- 1.1 Header común.
- 2.1 Lista de planes de membresía con tarjetas descriptivas.
- 3.1 CTA para suscribirse.
- 4.1 Footer.
SPACES
- 1.1 Header común.
- 2.1 Galería de fotos de los espacios.
- 3.1 Descripción de cada área.
- 4.1 CTA para reserva.
BLOG
- 1.1 Header común.
- 2.1 Lista de artículos con miniaturas.
- 3.1 Sidebar con categorías.
- 4.1 Footer.
CONTACT
- 1.1 Header común.
- 2.1 Formulario de contacto con campos nombre, email, mensaje.
- 3.1 Mapa incrustado.
- 4.1 Footer.
PROMPTS RELACIONADOS · BEAUTY / SPA
