NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Codigo Atlas (codigoatlas.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe incluir las siguientes secciones siguiendo el mismo estilo visual:
1. **Cabecera fija**: logo a la izquierda, menú horizontal con enlaces Home, Services, Blogs, Pages (mega‑menu) y un botón a la derecha ‘Let’s Connect’. El mega‑menu muestra cuatro columnas con títulos (PAGES, UTILITY, CMS, E‑COMMERCE) y enlaces de ejemplo. Use un fondo blanco y texto #111111; hover en enlaces cambia a #FF6F61.
2. **Hero principal**: contenedor centrado, título grande (font‑family ‘Poppins’, weight 700, size 4xl, color #111111), párrafo descriptivo (font ‘Inter’, 16px, color #555555), botón primario con fondo #FF6F61, texto blanco y
3.995 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.995 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 fija con logo, menú principal y botón de contacto
- 1.2 Mega‑menú desplegable con categorías y enlaces auxiliares
- 1.3 Hero principal con título grande, párrafo descriptivo y botón primario
- 1.4 Galería de previsualización con tarjetas de imagen rotativas
- 1.5 Pie de página con navegación secundaria, datos de contacto y enlaces sociales
SERVICES
- 1.1 Cabecera idéntica a Home
- 1.2 Hero secundario con título “Servicios” y descripción breve
- 1.3 Lista de servicios en tarjetas con íconos y texto
- 1.4 Llamado a la acción para contactar
- 1.5 Pie de página igual que Home
BLOGS
- 1.1 Cabecera idéntica
- 1.2 Hero con título “Blog”
- 1.3 Grid de artículos con imagen, título y extracto
- 1.4 Paginación simple
- 1.5 Pie de página
CONTACT
- 1.1 Cabecera idéntica
- 1.2 Hero con título “Contacto”
- 1.3 Formulario sencillo (nombre, email, mensaje, botón enviar)
- 1.4 Información de contacto y mapa integrado
- 1.5 Pie de página
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 02/07/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