NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Estudio Atlas (agencia de diseño y desarrollo web) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Sigue la estructura y estilo del sitio analizado:
- Paleta de colores: #111111 (negro profundo), #222222 (gris oscuro), #FFFFFF (blanco), #F5F5F5 (gris claro) y acentos #00A8E8 (azul vibrante).
- Tipografía: "Inter" para títulos y cuerpo, importada desde Google Fonts.
- Header: barra fija con logo SVG simplificado (texto Lúmina), enlaces "Inicio", "Servicios", "Portafolio", "Testimonios", "Contacto". Cada enlace con efecto hover y dropdowns para subpáginas usando la clase `relative group`.
- Hero: contenedor centrado, título grande "Ideas estructuradas, diseños claros", subtítulo breve, dos botones
3.740 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.740 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 de navegación fija con logo SVG, enlaces y dropdowns
- 1.2 Hero principal con título, subtítulo y dos botones CTA
- 1.3 sección de presentación con texto destacado y gráfico decorativo
- 1.4 Bloque de servicios en columnas, iconos y descripciones breves
- 1.5 Portafolio en grid de tarjetas con hover
- 1.6 Testimonios con carrusel simple
- 1.7 Formulario de contacto con campos básicos
- 1.8 Footer con enlaces sociales, navegación secundaria y copyright
SERVICIOS
- 2.1 Encabezado de sección servicios
- 2.2 Lista de tres columnas con icono, título y breve descripción
PORTAFOLIO
- 3.1 Encabezado de portfolio
- 3.2 Grid de 4 tarjetas, cada una con imagen, título y overlay
TESTIMONIOS
- 4.1 Encabezado de testimonios
- 4.2 Carrusel de tarjetas con foto, nombre y cita
CONTACTO
- 5.1 Encabezado de contacto
- 5.2 Formulario con nombre, email, asunto y mensaje
- 5.3 Botón enviar
FOOTER
- 6.1 Área de enlaces rápidos
- 6.2 Iconos sociales
- 6.3 Texto de copyright
PROMPTS RELACIONADOS · PORTFOLIO
