NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aula Titan (aulatitan.com), agencia digital de diseño y branding, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El objetivo es replicar el diseño visual y la estructura del template analizado:
- **Paleta de colores**: fondo negro #000000, texto principal #FFFFFF, acentos #FFB800 (amarillo dorado), #1A1A1A (gris muy oscuro) y #E0E0E0 (gris claro).
- **Tipografía**: encabezados con "Space Grotesk" (peso 700), cuerpo con "Inter" (peso 400). Cargar ambas fuentes vía Google Fonts.
- **Header**: barra de navegación fija con logo a la izquierda (texto "Aula Titan" en blanco, línea vertical separadora), menú centrado con enlaces numerados (Home (01), About (02), Projects (03), Services (04), Blog (05)) y botón a la
4.214 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.214 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 Cabecera con logo, menú numerado y botón principal
- 1.2 Hero con video de fondo, título grande y subtítulo
- 1.3 Bloque de redes sociales en overlay bajo el hero
- 1.4 Sección de presentación breve con llamada a acción
- 1.5 Grid de proyectos destacados con imágenes y descripciones
- 1.6 Área de servicios con iconos y textos descriptivos
- 1.7 Últimas entradas del blog en formato tarjeta
- 1.8 Formulario de contacto simple con campos básicos
- 1.9 Footer con enlaces de navegación, información legal y datos de contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Título de página y descripción de la agencia
- 2.3 Historía en dos columnas con imágenes
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores y metodología en bloques iconográficos
- 2.6 CTA para solicitar propuesta
- 2.7 Footer común
PROJECTS
- 3.1 Cabecera reutilizada
- 3.2 Galería de proyectos en grid fluid
- 3.3 Filtro por categoría
- 3.4 Detalle de proyecto con imágenes, texto y video
- 3.5 Testimonios rotativos
- 3.6 CTA de contacto
- 3.7 Footer común
SERVICES
- 4.1 Cabecera reutilizada
- 4.2 Lista de servicios con iconos y descripciones ampliables
- 4.3 Caso de estudio destacado
- 4.4 Formulario de captura de leads
- 4.5 Footer común
BLOG
- 5.1 Cabecera reutilizada
- 5.2 Lista de artículos en tarjetas con imagen, título y excerpt
- 5.3 Paginación simple
- 5.4 Sidebar con categorías y newsletter
- 5.5 Footer común
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto avanzado (nombre, email, asunto, mensaje)
- 6.3 Mapa incrustado
- 6.4 Información de oficina y redes
- 6.5 Footer común
PROMPTS RELACIONADOS · EDUCATION
