NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia "Ocio Turmalina" (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS a través del CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo descritos:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5A623 (ámbar vibrante), #1E90FF (azul cielo), #E0E0E0 (gris claro).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600/700 según necesidad.
- **Header**: barra superior con logo a la izquierda, menú horizontal (Home, About, Work, Blog, Contact) centrado, íconos sociales (Instagram, Twitter, Dribbble, LinkedIn) a la derecha, responsive con botón hamburguesa en móvil.
- **Hero**: contenedor "max-w-7xl mx-auto py-24". Título grande "Constantemente" en blanco.
4.085 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.085 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, menú horizontal y íconos sociales
- 1.2 Hero: título principal, slider de palabras, subtítulo y botón CTA
- 1.3 Indicador de scroll
- 1.4 Galería de proyectos destacados en círculo con overlay
- 1.5 Cuadrícula de servicios en tarjetas circulares con iconos
- 1.6 Bloque "Sobre nosotros" con imágenes apiladas y texto
- 1.7 Footer con enlaces y datos de contacto
ABOUT
- 2.1 Header reutilizado
- 2.2 Título de página y descripción
- 2.3 Imagen principal con efecto de entrada
- 2.4 Texto histórico y valores de la agencia
- 2.5 CTA a contacto
WORK
- 3.1 Header común
- 3.2 Grid de proyectos con imágenes grandes y filtros por categoría
- 3.3 Detalle de proyecto individual (imagen, descripción, tags)
BLOG
- 4.1 Header común
- 4.2 Lista de artículos con miniaturas, títulos y resúmenes
- 4.3 Paginación
CONTACT
- 5.1 Header común
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · ENTERTAINMENT
