NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para la marca "Tech Acorde" (techacorde.com) inspirado en la estructura y estilo de un portafolio creativo. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
## Paleta de colores
- Primario: #0D0D0D (casi negro)
- Secundario: #FFFFFF (blanco)
- Acento 1: #F5A623 (naranja suave)
- Acento 2: #4A90E2 (azul cielo)
- Gris fondo: #F7F7F7
## Tipografía
- Fuente principal: "Inter", sans‑serif (cargar desde Google Fonts)
- Fuente secundaria para títulos: "Playfair Display", serif
- Peso: 400 normal, 600 semibold, 700 bold según jerarquía.
## Header (reutilizable)
- Contenedor fluidx con max‑w‑7xl, flex entre logo a la izquierda y menú a la derecha.
- Logo SVG ficticio (texto "Lúmina" en Inter).
- Menú horizontal con enlace
5.661 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.661 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 Header con logo, menú y botón "Book a call"
- 1.2 Hero top: foto autor, nombre completo, año de inicio
- 1.3 Hero top‑right: título "since", año y texto descriptivo
- 1.4 Hero bottom: ubicación y rol, contadores de experiencia, clientes y proyectos
- 1.5 Separadores decorativos de líneas
- 1.6 Projects section: título "Latest Projects" y grid de tres proyectos con número, miniatura, título y categorías
ABOUT
- 2.1 Header reutilizado
- 2.2 Hero con foto y biografía ampliada
- 2.3 Valores y habilidades en bloques
SERVICES
- 3.1 Header
- 3.2 Lista de servicios con iconos y descripciones
PROJECTS
- 4.1 Header
- 4.2 Grid de todos los proyectos con filtrado por categoría
BLOG
- 5.1 Header
- 5.2 Lista de entradas del blog con imágenes, títulos y extractos
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto sencillo (nombre, email, mensaje) y botón "Send"
- 6.3 Información de contacto y mapa estático
PROMPTS RELACIONADOS · TECNOLOGÍA