NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Diseño Vega (agencia creativa) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. El sitio debe reproducir fielmente la estructura y estilo del diseño analizado:
- **Paleta de colores**: #0d0d0d (fondo oscuro), #ffffff (texto principal), #ff6b6b (acento rojo), #4a90e2 (azul acento), #f5f5f5 (gris claro).
- **Tipografía**: "Inter" para títulos y cuerpo, peso 400‑700, tamaños variables, cargada desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, menú horizontal (About, Services, Projects, Blog, Contact) centrado, botón primario "Contact" a la derecha, ícono de hamburguesa para móviles que abre un menú overlay.
- **Hero**: sección a pantalla completa con saludo "Hello there, I’m", nombre
3.760 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.760 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ú y botón de contacto
- 2.1 Hero principal (saludo, nombre, ubicación, imagen)
- 3.1 Texto descriptivo "Sobre mí"
- 3.2 Contadores animados (clientes, proyectos, años)
- 4.1 Galería de proyectos destacados (tarjetas con imagen, título y categorías)
ABOUT
- 1.1 Cabecera (reutilizada)
- 2.1 Sección de presentación personal detallada
- 3.1 Timeline de experiencia y habilidades
- 4.1 Botón de descarga de CV
SERVICES
- 1.1 Cabecera
- 2.1 Lista de servicios en tarjetas con íconos
- 3.1 Testimonios rotativos
- 4.1 Call to action de contacto
PROJECTS
- 1.1 Cabecera
- 2.1 Filtro por categoría
- 3.1 Grid de proyectos (imagen, título, categorías)
- 4.1 Paginación o carga infinita
BLOG
- 1.1 Cabecera
- 2.1 Lista de entradas con resumen e imagen
- 3.1 Sidebar con categorías y archivo
- 4.1 Botón de suscripción newsletter
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Información de contacto y mapa
- 4.1 Enlaces a redes sociales
PROMPTS RELACIONADOS · PORTFOLIO
