NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado Academia Ámbar, una marca ficticia de desarrollo full‑stack. El proyecto debe estar en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interacciones. Utiliza la siguiente paleta de colores extraída del original: #0A0A0A (fondo principal), #FFFFFF (texto), #F5F5F5 (secciones claras), #1E3A8A (acentos azul), #2563EB (botones). Tipografía: Inter para texto y headings, peso 400‑600, tamaños responsivos.
Estructura y requisitos:
**Header (navbar)** – barra fija superior, fondo semi‑transparente, iconos SVG alineados a la izquierda con tooltip al pasar ratón (Home, Work, About, Pricing, Blog) y un ícono de llamada a la acción "Book a call" a la derecha. El logo es una imagen circular.
**Hero Section** – contenedor centrado co
4.165 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.165 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 Barra de navegación fija con iconos y tooltip
- 1.2 Hero principal con logo, ubicación, badge, título, descripción y botón
- 1.3 Decoración de fondo y sombras
- 1.4 Sección de clientes (marquee de logos)
- 1.5 Sección de trabajos (slider con proyectos)
- 1.6 Footer con enlaces y datos de contacto
ABOUT
- 2.1 Título y párrafo introductivo del profesional
- 2.2 Imagen de perfil y listado de habilidades
- 2.3 Timeline de experiencia profesional
WORK
- 3.1 Grid de proyectos filtrables
- 3.2 Cada proyecto muestra imagen, título, categoría y botón de caso de estudio
BLOG
- 4.1 Lista de artículos con miniatura, título, extracto y fecha
- 4.2 Paginación simple
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.2 Mapa interactivo con ubicación
- 5.3 Información de contacto rápido
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 01/07/2026
PROMPTS RELACIONADOS · EDUCACIÓN
