NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Prenda Delta (laboratorio de IA) usando **un único archivo HTML** que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: negro #0A0A0A, gris oscuro #1F1F1F, azul eléctrico #0D6EFD, blanco #FFFFFF, acento cyan #00FFFF.
- **Tipografía**: "Inter" para texto y "Poppins" para encabezados, ambas importadas de Google Fonts.
- **Header**: barra de navegación fija, logo circular (placeholder), enlaces Home, About, Blog, Projects, Contact y menú desplegable "Pages" con columnas de enlaces. Fondo semi‑transparente dark con efecto blur.
- **Hero**: sección a pantalla completa, fondo degradado azul‑cian sobre negro, título grande (h1) con fuente Poppins, subtít
3.730 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.730 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 fija con logo y menú desplegable
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Bloque de características resaltadas en columnas
- 1.4 Galería de proyectos con tarjetas interactivas
- 1.5 Sección de equipo con foto y descripción breve
- 1.6 Llamada a la acción (CTA) con formulario sencillo
- 1.7 Pie de página con enlaces institucionales y redes sociales
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Banner interno con título
- 2.3 Texto descriptivo y valores de la empresa
- 2.4 Línea de tiempo de hitos
- 2.5 Equipo ampliado con tarjetas de perfil
- 2.6 Pie de página estándar
PROJECTS
- 3.1 Cabecera
- 3.2 Filtro de categorías
- 3.3 Grid de tarjetas de proyecto con hover
- 3.4 Detalle de proyecto (imagen, descripción, tecnologías)
- 3.5 Pie de página
BLOG
- 4.1 Cabecera
- 4.2 Lista de artículos en tarjetas
- 4.3 Paginación simple
- 4.4 Pie de página
CONTACT
- 5.1 Cabecera
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Información de ubicación y mapa estático
- 5.4 Pie de página
PROMPTS RELACIONADOS · MODA
