NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio llamado Studio Orion (studioorion.com) con el siguiente alcance: landing page promocional de una plantilla de diseño. Usa una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla puro (sin frameworks). Paleta de colores: #0A1F44 (azul marino), #1E3A8A (azul intenso), #F3F4F6 (gris claro), #FFFFFF (blanco), #FBBF24 (amarillo vibrante) para acentos. Tipografía: Inter (Google Fonts) para títulos y texto, peso 400/600.
Estructura:
- **Header**: logo a la izquierda, menú de navegación horizontal (Home, Demo, Inner Pages, Utility, Authentication) y botón CTA "Buy Template" a la derecha. Menú colapsable en móvil con ícono hamburger.
- **Hero Section (1.1)**: contenedor centrado, título grande (h1) "Plantilla de Diseño Creativo", párrafo descriptivo,
3.907 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.907 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, descripción y botones CTA
- 1.2 Galería de imágenes heroicas (3 columnas)
- 1.3 Sección "Qué incluye" con tarjetas (título, texto, imagen)
- 1.4 Sección "Demo" con grid de tarjetas enlazables a páginas demo
- 1.5 Bloque Figma File Access con CTA
INNERVIEW
- 2.1 Lista de páginas internas (Home variantes, páginas de contenido, utilidades, autenticación)
- 2.2 Cada página interna sigue patrón: encabezado, contenido principal, pie de página
UTILIDADES
- 3.1 Página de error 404 simple
- 3.2 Página de mantenimiento con mensaje y botón de retorno
AUTHENTICATION
- 4.1 Formulario de login con campos y botón
- 4.2 Formulario de registro con campos y botón
PROMPTS RELACIONADOS · MISCELÁNEO
