NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Atelier Atlas" (estudio de diseño y desarrollo digital) usando HTML estático, TailwindCSS CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del sitio original sin copiar contenido textual.
ALCANCE:
- Cabecera (navbar) fija, logo a la izquierda, enlaces ancla: Servicios, Trabajo, Precios, FAQ. Botón modo oscuro/ligero con iconos SVG, botón "Contact" que abre un popup modal. Menú hamburguesa colapsable en móvil.
- Hero: sección full‑width con imagen de perfil ficticio, título grande, subtítulo y botón CTA.
- Servicios: sección con tres tarjetas alineadas en grid, cada una con icono SVG, título y breve descripción.
- Trabajo: galería de proyectos en grid 3‑col (responsive a 1‑col móvil), miniaturas con efecto hove
4.403 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.403 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 Navbar con logo, enlaces, modo y botón contacto
- 1.2 Hero con imagen y CTA
- 1.3 Servicios (cards)
- 1.4 Trabajo (grid)
- 1.5 Precios (tarifas)
- 1.6 FAQ (acordeón)
- 1.7 Footer
SERVICES
- 1.1 Encabezado de servicios
- 1.2 Lista de tarjetas con icono, título y descripción
WORK
- 1.1 Encabezado de portafolio
- 1.2 Grid de miniaturas de proyectos con hover
PRICING
- 1.1 Encabezado de precios
- 1.2 Tabla de tres planes con características y botón CTA
FAQ
- 1.1 Encabezado de preguntas frecuentes
- 1.2 Lista de ítems colapsables
CONTACT POPUP
- 1.1 Formulario con campos: nombre, email, asunto (select), mensaje, rango de presupuesto (radio), checkbox de política
- 1.2 Botón enviar y mensaje de éxito/error
FOOTER
- 1.1 Logo reducido
- 1.2 Enlaces de navegación secundaria
- 1.3 Íconos sociales
- 1.4 Información de copyright
PROMPTS RELACIONADOS · MODA
