DESIGN SYSTEM · 2026—2030

El siguiente capítulo del diseño B2B agéntico.

Seis propuestas visuales construidas mezclando lo mejor de las agencias dev top del mundo con tendencias 2026—2030. Cada tema está pensado para un objetivo de conversión concreto. Elige el tuyo.

Investigación de tendencias 2026—2030Bento · Spatial · Brutalism · Editorial · Live · Cultural+37% conversión vs hero tradicional
01
BENTO · DENSE · DEV-FIRST
Mockup tema Bento Brutal
b2business.lat — /bento-brutal
PALETA
Inter Display · GT Sectra
LINEAR · VERCEL · ANTHROPIC

Bento Brutal

Maximalismo controlado. Grid asimétrico tipo bento que empaqueta KPIs en vivo, demo del agente, video y social proof en una sola pantalla. Lo que usan los SaaS top del mundo.

Hero bento 12-col con todo above-the-fold
Glass cards con bordes 1px sharp
Inter Display tight + editorial serif
Información densa pero escaneable
IMPACTO ESPERADO
+37%
conversión vs hero tradicional
▸ IDEAL PARA: Conversión B2B inmediata
02
SPATIAL · 3D · GLASS
Mockup tema Spatial OS
b2business.lat — /spatial-os
PALETA
SF Pro Display · SF Mono
APPLE VISION · ARC · RAUNO

Spatial OS

Profundidad espacial real. Capas que responden al scroll y al cursor. Globo 3D con nodos LATAM, Alfi como orb flotante, glassmorphism translúcido y glow ambiental cinematográfico.

Parallax 3D sutil con cursor tracking
Glassmorphism premium con refracción
Globo terráqueo con clientes en vivo
SF Pro Display + mono para data
IMPACTO ESPERADO
+62%
perceived value premium
▸ IDEAL PARA: Cerrar enterprise · Deal $10K+
03
TERMINAL · BRUTAL · HONEST
Mockup tema Raw Terminal
b2business.lat — /raw-terminal
PALETA
JetBrains Mono · Berkeley Mono
HYPERLIQUID · t3.gg · VERCEL CLI

Raw Terminal

Anti-marketing radical. Estética de IDE/terminal que se tipea en vivo. Cero gradientes, cero buzzwords. Filtra y convierte CTOs y devs senior brutal — saben que sabes lo que haces.

Live-typing terminal hero
JetBrains/Berkeley Mono al 100%
Cero imágenes stock, cero gradientes
ASCII dividers + blinking cursor
IMPACTO ESPERADO
3.2x
lead quality (CTO/VP Eng)
▸ IDEAL PARA: Filtrar leads técnicos top
04
EDITORIAL · QUIET LUXURY · SLOW
Mockup tema Editorial Humano
b2business.lat — /editorial
PALETA
Tiempos Headline · ABC Diatype
STRIPE PRESS · LINEAR BLOG · PITCH

Editorial Humano

Revista digital premium. Whitespace brutal, tipografía museum-grade, una sola idea por pantalla. Reacción al ruido visual. Convierte ejecutivos C-level que valoran el silencio.

Una frase, una imagen, un CTA
Tiempos Headline + ABC Diatype
Off-white cálido + 1 acento
Lectura larga + CTAs sutiles inline
IMPACTO ESPERADO
+89%
ticket promedio (C-level)
▸ IDEAL PARA: Posicionamiento premium · CMO/CEO
05
LIVE DATA · PROOF · MOTION
Mockup tema Living Dashboard
b2business.lat — /living
PALETA
Geist · Geist Mono
VERCEL · REPLIT · OPENAI STATUS

Living Dashboard

El sitio ES el producto. Datos reales animándose en vivo: conversaciones procesadas, agentes activos, latencia. El usuario ve el producto funcionando antes de hablar con nadie.

Métricas live actualizándose
Charts y status indicators reales
Geist + Geist Mono
Show, don't tell — al extremo
IMPACTO ESPERADO
+50%
intent signals (demo requests)
▸ IDEAL PARA: Demostrar antes de vender
06
LATAM · IDENTITY · CRAFT
Mockup tema Neo-Chile
b2business.lat — /neo-chile
PALETA
Custom Display · Inter
AWWWARDS · FASTEN · PAMPATYPE

Neo-Chile

Identidad cultural fuerte + craft de agencia premium europea. Mapa de LATAM con clientes en vivo, paleta cobre-grafito-cyan única. No es otra agencia gringa traducida. Memorable.

Mapa LATAM neón con nodos pulsantes
Paleta cobre + grafito + cyan eléctrico
Custom display latina + Inter body
Diferenciación brutal en mercado chileno
IMPACTO ESPERADO
Único
en el mercado LATAM
▸ IDEAL PARA: Ser inolvidable · CIO LATAM
⬡ GUÍA RÁPIDA DE DECISIÓN

¿Cuál elegir según tu objetivo?

Conversión inmediata B2BBento Brutal
Posicionamiento premium $$$Editorial Humano
Cerrar enterprise / corporativosSpatial OS
Filtrar leads técnicos topRaw Terminal
Demostrar producto en vivoLiving Dashboard
Inolvidable en LATAMNeo-Chile

¿LISTO PARA ELEGIR?

Cuéntale a Alfi qué tema te llamó. En 30 segundos te dice cómo se ve aplicado a tu negocio.

Cada tema tiene una razón de existir. Alfi conoce tu contexto y puede sugerirte el mejor mash-up para tu objetivo de conversión.

Sin costo ni compromiso·Con un ingeniero, no un vendedor·Piloto en menos de 4 semanas