NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Estudio Digital Titan" (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original analizado, pero con los siguientes requisitos:
- Paleta de colores: #1a1a1a (fondo principal), #ffffff (texto), #0ea5e9 (azul primario), #fbbf24 (amarillo acento), #4b5563 (gris oscuro). Usa estas variables en Tailwind extend.
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, cargadas desde Google Fonts.
- Header: barra superior con mensaje informativo y enlace, logo a la izquierda, menú de navegación con dropdowns (Home, Company, Pricing, Blog) y botón "Contact Us" a la derecha. Menú responsive con icono hamburguesa.
- Hero: contenedor centrado de an
3.592 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.592 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 Barra superior informativa
- 1.2 Header con logo, menú principal con dropdowns y botón de contacto
- 1.3 Hero principal con título, subtítulo, descripción y dos botones CTA
- 1.4 Bloque de captura de pantalla con carrusel estático de imágenes
- 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 2.1 Sección introductoria con imagen y texto descriptivo
- 2.2 Valores de la empresa en tarjetas
- 2.3 Equipo con fotos y breves biografías
SERVICES
- 3.1 Lista de servicios en tarjetas con iconos numerados
- 3.2 Caso de estudio destacado con imagen y texto
PRICING
- 4.1 Tabla comparativa de planes con botones CTA
- 4.2 Preguntas frecuentes en acordeón
BLOG
- 5.1 Grid de entradas del blog con imágenes, títulos y extractos
- 5.2 Barra lateral con categorías y archivo
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de contacto
LEGAL
- 7.1 Términos y condiciones
- 7.2 Política de privacidad
PROMPTS RELACIONADOS · DIGITAL AGENCY
