Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Tech Acorde — Prompt de diseño web para Claude AI

Estudio de diseño y desarrollo digital para profesionales creativos Diseñamos experiencias que cuentan historias.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Tech Acorde — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Tech Acorde — home completa
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

Otros prompts de la misma categoría