NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lab Atlas" (agencia de diseño y desarrollo web) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo oscuro #0A0E14, primario azul profundo #1E3A8A, acento morado #6B21A8, texto claro #E5E7EB, énfasis #F59E0B.
- **Tipografía**: fuente principal Inter (Google Fonts) para títulos y texto, peso 400/600/700 según jerarquía.
- **Header**: barra fija con logo a la izquierda, menú de navegación con dropdowns (Home, Projects, Pages, About, Blog, Contact) y botón de llamada a la acción "Contact Us" con borde degradado. Menú colapsable en móvil.
- **Hero**: sección a pantalla completa, título dividido en tres líneas animadas ("In
3.732 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.732 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 botón contacto
- 1.2 Hero principal con títulos animados, descripción, CTA y captura de pantalla del sitio
- 1.3 CTA rotativa con frases clave en rejilla doble
- 1.4 Galería de tarjetas de versiones de home
- 1.5 Footer con enlaces de utilidad y scroll‑to‑top
PÁGINAS
- ABOUT US
- 1.1 Header común
- 1.2 Hero con título y texto introductorio
- 1.3 Sección de equipo en tarjetas
- 1.4 CTA de contacto
- 1.5 Footer
- PROJECTS
- 1.1 Header
- 1.2 Hero con filtro de proyectos
- 1.3 Grid de proyectos con hover overlay
- 1.4 Testimonios
- 1.5 Footer
- BLOG
- 1.1 Header
- 1.2 Hero con título blog
- 1.3 Lista de artículos en tarjetas
- 1.4 Sidebar con categorías y suscripción
- 1.5 Footer
- CONTACT US
- 1.1 Header
- 1.2 Hero con formulario de contacto
- 1.3 Información de ubicación y redes
- 1.4 Mapa integrado
- 1.5 Footer
Imagen generada con DES - designprompting.com · bytedance/seedream-v5.0-lite · 04/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image