NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Impacto Alba" siguiendo el stack: HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del sitio analizado, pero con contenido original en español de España.
**Paleta de colores**
- Principal: #1E3A8A (azul profundo)
- Secundario: #2563EB (azul brillante)
- Acento: #F59E0B (ámbar)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto primario: #111827 (gris casi negro)
- Texto secundario: #6B7280 (gris medio)
**Tipografía**
- Fuente principal: Inter (carga desde Google Fonts)
- Tamaños: base 16px, headings escalados con rems, uso de clases Tailwind text-2xl, 4xl, etc.
**Header**
- Navbar fijo, fondo blanco, sombra ligera, logo a la izquierda (placeholder), menú horizontal con enlaces: Inicio, S
4.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.455 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 logo y menú desplegable
- 1.2 Hero con encabezado, subtítulo, CTA y foto hero
- 1.3 Sección About con título, subtítulo, texto descriptivo y botón
- 1.4 Cuadrícula de contadores (casos, % satisfacción) y avatar de clientes
- 1.5 Footer con enlaces, datos de contacto y redes
ABOUT US
- 2.1 Cabecera interna con título de página
- 2.2 Texto descriptivo del despacho y misión
- 2.3 Equipo profesional en tarjetas con foto y cargo
- 2.4 Valores y certificaciones en bloques iconográficos
SERVICES
- 3.1 Lista de servicios legales en tarjetas con icono y breve descripción
- 3.2 CTA central para solicitar consulta
BLOG
- 4.1 Grid de artículos con imagen, título y extracto
- 4.2 Barra lateral con categorías y últimos artículos
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa estático y datos de ubicación
- 5.3 Información de teléfono y horario
PROMPTS RELACIONADOS · NONPROFIT
