NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Célula Nova" (celulanova.com). El proyecto debe ser un solo archivo HTML que incluya Tailwind CSS mediante CDN y JavaScript vanilla (sin frameworks). Utiliza la siguiente paleta de colores: #0A0F2C (azul muy oscuro), #1E3A8A (azul intenso), #3B82F6 (azul brillante), #F3F4F6 (gris muy claro), #FFFFFF (blanco). Tipografía principal: "Inter" (Google Fonts) para títulos y texto, peso 400‑600; tipografía secundaria: "Roboto Mono" para códigos o destacadas.
Estructura y contenido:
**Header**: barra de navegación fija con logo (texto "Célula Nova"), menú horizontal (Home, Pages > About Us, Our Team, Pricing Plan, FAQ, Services, Projects, Blog, Contact), botón de llamada (+34 123 456 789) y iconos sociales (Facebook, Twitter, YouTube, Instagram
5.077 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.077 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 Hero con vídeo de fondo, título, subtítulo, botón "Explorar Investigación" y enlace a vídeo explicativo
- 1.2 Sección Quiénes somos: columnas izquierda con título y derecha con slider de tres slides (misión, clientes, visión) y descripción adicional
- 1.3 Barra de progreso: Happy customer 80%, Target identification 95%
- 1.4 Footer: logo, teléfono, email, enlaces de navegación, iconos sociales, copyright
ABOUT US
- 1.1 Encabezado con título y subtítulo
- 1.2 Texto descriptivo ampliado del laboratorio
- 1.3 Equipo destacado en tarjetas
- 1.4 Valores y certificaciones
SERVICES
- 1.1 Lista de servicios en grid de tarjetas con icono y breve descripción
- 1.2 Botón de solicitud de información
PROJECTS
- 1.1 Galería de proyectos con filtro por categoría
- 1.2 Lightbox para ampliación de imágenes
BLOG
- 1.1 Lista de artículos con imagen destacada, título y extracto
- 1.2 Paginación simple
CONTACT
- 1.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 1.2 Mapa integrado (placeholder)
- 1.3 Información de contacto y horario
PROMPTS RELACIONADOS · EDUCATION
