NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Portfolio Atlas" (portfolioatlas.com), agencia digital de branding y diseño. Usa HTML + Tailwind CDN (v3) + JavaScript vanilla en un solo archivo. Paleta de colores: negro puro #000000, blanco #FFFFFF, gris medio #6B7280, azul profundo #1E3A8A, acento azul claro #60A5FA. Tipografía: Headings con "Inter" (font-weight 700), cuerpo con "Roboto" (font-weight 400).
**Header**: barra fija, fondo semi‑transparente con efecto glass, logo a la izquierda (svg placeholder), menú horizontal con enlaces Home, Sobre nosotros, Servicios, Proyectos, Blog, Contacto. En móvil, colapsar a botón hamburguesa que despliega overlay con fondo difuminado.
**Home**:
1. Hero: sección a pantalla completa, fondo oscuro con degradado, texto centrado: línea pequeña
3.908 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.908 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 Encabezado fijo con logo y menú de navegación
- 1.2 Hero principal con año fundación, título de marca y descripción breve
- 1.3 Galería visual tipo mosaico animado
- 1.4 Bloque de servicios resaltados en columnas
- 1.5 Sección de proyectos destacados con tarjetas
- 1.6 Últimas entradas del blog en formato lista
- 1.7 Pie de página con datos de contacto, enlaces rápidos y redes sociales
ABOUT
- 1.1 Encabezado de página con título "Sobre nosotros"
- 1.2 Texto descriptivo de la agencia y su historia
- 1.3 Equipo en tarjetas con foto y breve biografía
- 1.4 Valores y metodología en bloques con iconos
- 1.5 Llamada a la acción para contactar
PROJECTS
- 1.1 Encabezado de página con título "Proyectos"
- 1.2 Filtro por categoría
- 1.3 Cuadrícula de proyectos en tarjetas con imagen y hover
- 1.4 Paginación inferior
SERVICES
- 1.1 Encabezado de página con título "Servicios"
- 1.2 Lista de servicios en tarjetas con icono y descripción
- 1.3 Caso de estudio destacado
- 1.4 Formulario de solicitud rápida
BLOG
- 1.1 Encabezado de página con título "Blog"
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías y newsletter
- 1.4 Paginación
CONTACT
- 1.1 Encabezado de página con título "Contacto"
- 1.2 Formulario de contacto completo
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes sociales
PROMPTS RELACIONADOS · PORTFOLIO
