NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio llamado Cinemars Studio (cinemarsstudio.com) que reproduzca el diseño visual de la plantilla analizada. Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #0A0A0A (negro profundo)
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Accent primaria: #E50914 (rojo cine)
- Accent secundaria: #2A2A2A (gris oscuro)
**Tipografía**:
- Título y encabezados: "Inter", peso 700, tamaño variable (h1 48px, h2 36px, h3 28px).
- Cuerpo y botones: "Inter", peso 400, 16px.
**Header** (fijo, alto 80px, fondo oscuro, sombra ligera): logo a la izquierda (svg placeholder), menú horizontal (Home, About, Portfolio, Blog) centrado, botón hamburguesa a la derecha que abre un overlay full‑
4.597 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.597 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ú y hamburguesa
- 2.1 Hero con título, descripción y botones principales
- 3.1 Galería de imágenes enlazadas a distintas páginas
- 4.1 Bloque de métricas (páginas, secciones, estilos)
- 5.1 Tarjeta Figma file incluido + CTA
- 6.1 Tarjeta promoción de otras plantillas + CTA
- 7.1 CTA final de compra
ABOUT
- 1.1 Header idéntico al Home
- 2.1 Sección título y texto descriptivo
- 3.1 Imagen de presentación y lista de valores
PORTFOLIO
- 1.1 Header
- 2.1 Grid de proyectos con miniaturas y filtros
- 3.1 Detalle del proyecto con video y texto
BLOG
- 1.1 Header
- 2.1 Lista de artículos con tarjetas resumidas
- 3.1 Barra lateral con categorías y suscripción
BLOG POST
- 1.1 Header
- 2.1 Artículo completo con imágenes y bloques de texto
- 3.1 Comentarios y CTA de compartir
PROMPTS RELACIONADOS · ENTRETENIMIENTO
