NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Academia Titan" (agencia digital) usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla en un script interno. Replicar el diseño analizado:
- Paleta de colores: fondo #0A0A0A (casi negro), acentos #E53935 (rojo fuerte), #FFFFFF (blanco), tonos gris #555555 para texto secundario.
- Tipografía: "Inter" para cuerpo y "Playfair Display" para títulos (importar desde Google Fonts).
- Header: barra fija con logo (svg placeholder), menú horizontal con enlaces numerados (01 Homepage, 02 Projects, 03 About, 04 Blog, 05 Contact), separación con líneas finas, enlace de email a la derecha y conjunto de iconos sociales (BE / DR / X). Menú colapsable para móvil con botón de hamburguesa animado.
- Hero: sección a pantalla completa.
3.893 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.893 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ú numerado y correo
- 2.1 Hero top con logo grande y tagline
- 2.2 Hero bottom con barra de tiempo, redes sociales y carrusel multimedia
- 3.1 Grid de proyectos destacados
- 4.1 Bloque de contacto rápido
- 5.1 Footer con copyright y enlaces de redes
PROJECTS
- 1.1 Header reutilizado
- 2.1 Lista de proyectos en layout tipo masonry con preview media
- 3.1 CTA para ver caso completo
- 4.1 Footer reutilizado
ABOUT
- 1.1 Header reutilizado
- 2.1 Historia de la agencia con texto y foto grande
- 3.1 Equipo en tarjetas con foto y rol
- 4.1 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 2.1 Lista de artículos en tarjetas con imagen, título y extracto
- 3.1 Paginación simple
- 4.1 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto (nombre, email, mensaje) con validación JS
- 3.1 Información de contacto y mapa estático
- 4.1 Footer reutilizado
PROMPTS RELACIONADOS · EDUCATION
