NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Atelier Orion**, una empresa de servicios de investigación biotecnológica. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo del sitio original: cabecera fija con logo a la izquierda, menú principal con dropdowns multi‑columna, botón de carrito a la derecha; hero con título grande, subtítulo y dos botones CTA (primario y secundario); bloques de contenido siguiendo el orden de la sección "secciones". Paleta de colores: #0A2640 (azul marino), #1E3A8A (azul intenso), #F3F4F6 (gris claro), #FFFFFF (blanco), #E5E7EB (gris neutro). Tipografía: Inter (sans‑serif) para cuerpo y headings, peso 400‑700. Implementa interactividad: dropdowns que aparecen al hover, botón de carrito que abre mod
3.146 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.146 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 con logo, menú principal y botón de carrito
- 1.2 Hero principal con título, descripción y dos botones CTA
- 1.3 Sección de servicios en cuadrícula de tres columnas con iconos
- 1.4 Área de casos de estudio con tarjetas destacadas
- 1.5 Presentación del equipo con fotos circulares
- 1.6 Llamado a descargar recursos o suscribirse a newsletter
- 1.7 Pie de página con enlaces institucionales, redes sociales y formulario de suscripción
SERVICIOS
- 1.1 Cabecera reutilizada
- 1.2 Título de página y descripción breve
- 1.3 Lista de servicios en tarjetas con iconos y texto
- 1.4 Testimonios en carrusel
- 1.5 CTA de contacto
- 1.6 Footer común
SOBRE NOSOTROS
- 1.1 Cabecera reutilizada
- 1.2 Historia y misión en bloque de texto e imagen
- 1.3 Equipo con fotos y breves biografías
- 1.4 Valores en tarjetas
- 1.5 CTA de carrera o colaboración
- 1.6 Footer común
CONTACTO
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Información de contacto rápido
- 1.5 Footer común
PROMPTS RELACIONADOS · MODA
