IS
Audit & Logo PackIntelligent System
HANDOFF Auditoría Prompt IA JSON

Audit & Logo Pack — Intelligent System

Paquete completo: auditoría UI/UX, logos nuevos en SVG, prompt listo para IA, y la landing rediseñada. Cada recurso es clickeable y descargable.

Landing nueva lista
La original pero con todas las mejoras aplicadas: logo SVG, menú móvil, hero legible, dashboard denso, form con 2 columnas.
Ver landing nueva
Ver landing nueva Ver prompt completo HANDOFF.md Auditoría completa
5 archivos de evidencia 4 variantes SVG 3 screenshots Landing nueva 1 prompt IA listo

Logo — variantes

Click en cualquier SVG para abrir el archivo. Click en "Descargar" para guardarlo individual.

IS mark
logo-mark.svg
64×64 · nav, footer, avatar
IS dark
logo-mark-dark.svg
64×64 · fondos oscuros
IS wordmark
logo-wordmark.svg
280×64 · hero alt, email, OG
IS favicon
favicon.svg
64×64 · <link rel=icon>

Antes vs después

Comparación visual con el logo actual (PNG 500×500).

Logo antes
Antes · intelligent_system.png
  • 500×500 PNG, ~165 KB
  • Detalle se pierde a 40px
  • Mismo archivo en nav + footer
Logo después
Después · logo-mark.svg
  • SVG vector, ~1.2 KB
  • Legible de 24px a 512px
  • 4 variantes (mark, dark, wordmark, favicon)

Prompt IA (preview)

El bloque completo vive en PROMPT.md. Click en "Copiar prompt" para llevarlo al portapapeles.

# Contexto Estás editando la landing de https://intelligentsystem-roan.vercel.app/. Stack: Next.js (Turbopack), Tailwind, CSS custom props. Tipografía Inter. Paleta: --primary #5b5bd6, --primary-hover #4a4ac7, --bg-base #f8f8f9, --text-main #0f0f10, --text-muted #6b6b80, --border-subtle #0000000e. Logo actual: /intelligent_system.png (PNG 500×500) usado a h-10. Logo nuevo provisto: /logo/logo-mark.svg, /logo/logo-wordmark.svg, /logo/favicon.svg. # Cambios requeridos (resumen — ver PROMPT.md para el detalle completo) A) Logo → SVG · P0 · 10 min B) Nav con menú móvil · P0 · 1-2 h C) Hero mobile legible · P0 · 30 min D) Borders / decorativos · P1 · trivial E) Form del CTA · P1 · 30 min F) Footer · P1 · 30 min # Restricciones - Sin nuevas dependencias - Sin cambios de paleta ni tipografía - Conservar animate-fade-in-up # Criterio de aceptación - Lighthouse mobile ≥ 90 - Sin overflow horizontal en 320–1440px - Logo nítido a 16px y 40px - H1 no rompe palabras a ningún ancho # Entregable Patch o diff en Hero.tsx, Nav.tsx, Footer.tsx, layout.tsx.

→ Ver prompt completo y los adjuntos que debés cargar

Evidencia visual

Full-page screenshots en 3 viewports. Click para abrir en tamaño completo.

desktop
Desktop 1440×900 · 1 página, 7 secciones · descargar
tablet
Tablet 768×1024 · stats 4 cols · descargar
mobile
Mobile 390×844 · dashboard ilegible · descargar

Zooms — problemas específicos

Capturas aisladas para ver de cerca los issues que el full-page no deja apreciar bien.

hero aislado
Hero aislado · desproporción H1 ↔ dashboard · descargar
dashboard aislado
Dashboard aislado · KPIs mal alineados · descargar
dashboard mobile
Dashboard mobile · sidebar ilegible · descargar

Datos y snapshots

JSONs y HTML capturado — útiles para diff o pasarle a la IA.

findings.json
16 KB · secciones, overflow, imágenes, copy, CSS vars
source.html
32 KB · HTML renderizado en producción
deep-{desktop,mobile}.json
DOM profundo · header, H1, footer logo

Mejoras top 5 (priorizadas)

P0Logo PNG → SVG
Reemplazar /intelligent_system.png por /logo/logo-mark.svg. Misma línea HTML, 1 sola línea de favicon.
P0Nav con menú móvil
Agregar hamburguesa + drawer con Servicios / Portafolio / Proceso / Agendar.
P0Hero mobile legible
Quitar <br> duros. Escalar tipografía. Simplificar dashboard mockup en mobile.
P1Nav fondo + hero pt
bg-white/70 backdrop-blur-md border-b. pt-28 md:pt-40 en hero.
P1Footer + form
SVG mark en footer. Links reales. aria-invalid + honeypot en form.

Paleta detectada

--primary:#5b5bd6 · --primary-hover:#4a4ac7 · --accent:#0284c7 · --bg-base:#f8f8f9 · --text-main:#0f0f10 · --text-muted:#6b6b80