NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Ágora Flex (agoraflex.com) usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe replicar el diseño analizado:
- **Paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #F5F5F5 (cards bg), #1A73E8 (botones y enlaces), #E0E0E0 (bordes y sombras).
- **Tipografía**: Utiliza Inter (sans‑serif) para todo el texto, tamaños: 14px body, 16px navigation, 24px headings, 32px hero titles.
- **Header / Navbar**: barra fija, logo a la izquierda, enlaces Home, About, Workspace, botón secundario “Schedule a call" con estilo outline. Menú colapsable en móvil (icono hamburguesa).
- **Hero**: sección a pantalla completa con una cuadrícula de 2‑3 columnas de tarjetas de imagen. Cada tarjeta muestra una foto
3.686 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.686 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 con logo y menú
- 1.2 Hero con cuadrícula de tarjetas de imágenes interactivas
- 1.3 Sección "Sobre nosotros" con texto y botón
- 1.4 Galería de espacios (tarjetas con imagen, título y amenities)
- 1.5 Footer con enlaces de navegación, redes y contacto
ABOUT
- 2.1 Encabezado de página y texto descriptivo
- 2.2 Imagen destacada a la derecha
- 2.3 Lista de valores o ventajas
- 2.4 Botón de contacto
WORKSPACE
- 3.1 Encabezado y subtítulo
- 3.2 Grid de tarjetas de espacios (Hot Desk, Dedicated Desk, Private Office, etc.)
- 3.3 Filtros de categoría (opcional)
- 3.4 Botón para ver disponibilidad
CONTACT
- 4.1 Formulario simple (nombre, email, mensaje)
- 4.2 Información de ubicación y teléfono
- 4.3 Mapa incrustado
- 4.4 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
