SL
SoyLatinoSoyUSAMockups · Menú Miembro
Volver a docs
Selector visual 11 variantes

Elegí el menú
del rol Miembro

Once sistemas de diseño: 5 variantes base + 8 colores de la Compacta (3 con paleta del logo) + 3 estilos Apple con paleta del logo. Cada variante incluye las 7 vistas del rol con tres estados (desktop colapsado, desktop expandido y móvil 390px).

11 variantes visuales 7 vistas por variante 3 estados por vista Bootstrap 5 + Tabler Icons
01 · Comparativa

Las 5 lado a lado

Misma información, cinco tratamientos distintos. Hacé click en cualquier celda para abrir esa vista específica.

Vista 01 Clásica 02 Glass 03 Compacta 04 Top-Bar 05 Senior
01Dashboard Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
02Registro Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
03Mis archivos Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
04Mi red · Muro Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
05Mis grupos Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
06Mensajes Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
07Verificación 2FA Ver 01 Ver 02 Ver 03 Ver 04 Ver 05
02 · Cómo elegir

Respondé estas preguntas

Una guía rápida para encontrar la variante correcta según el contexto y la audiencia.

01
¿Necesitás seriedad editorial?Andá por la Clásica Corporativa. Sidebar persistente, jerarquía clara y tipografía editorial. Para contextos formales y públicos conservadores.
02
¿Querés un look premium y diferenciador?La Glassmorphism Cálido con blobs de color y glass blur. Ideal si el público es tech-savvy y querés destacar.
03
¿Tus usuarios son power-users?La Compacta Colapsable maximiza el área de contenido. Mega-flyouts de preview y sub-árboles siempre listos. Ideal para uso intensivo.
04
¿Preferís un patrón SaaS conocido?La Horizontal Top-Bar estilo Notion/Linear. Familiar para casi todos los usuarios, con search Cmd+K y sidebar contextual solo cuando hace falta.
05
¿Tu público incluye personas mayores?La Accesible Senior tiene tipografía grande, contraste AAA y áreas táctiles amplias. Inclusiva y clara para contextos de baja literacy digital.
+1
¿Todavía no sabés?Empezá por la 04 Top-Bar o la 01 Clásica: son las más familiares y las más rápidas de implementar. Después podés iterar.
03 · Compacta · 3 colores del logo

La Compacta Colapsable en 3 paletas del logo

Misma estructura (rail 64→220 px + sub-árbol + mega-flyout), tres personalidades usando los colores oficiales de SoyLatinoSoyUSA.

C-01 Compacta · USA

USA Navy & Red

Navy #0B2F89 + rojo #C7162A. Patriótico, disciplinado. Traffic-light colors significativos.

#0B2F89 #C7162A #0057B8
Ver demo
C-02 Compacta · Latino

Latino Verde & Dorado

Verde #014418 + dorado #F4C531. Texturas orgánicas de hojas, pill-shape orgánico.

#014418 #009C3B #F4C531
Ver demo
C-03 Compacta · Tricolor

Tricolor Full Brand

Rail negro + azul/verde/rojo/amarillo como acentos. Premium, sofisticado, identidad completa.

#0057B8 #009C3B #D52B1E #F4C531
Ver demo
04 · Apple · 3 estilos

Estilo Apple con paleta del logo

Tres interpretaciones del lenguaje de diseño de Apple (HIG clásico, visionOS Liquid Glass, iOS 18 Dynamic Island) usando la paleta oficial del logo SoyLatinoSoyUSA.

A-01 Apple HIG · USA

HIG USA

HIG Minimal con navy #0B2F89 y rojo #C7162A. Traffic lights significativos en colores del logo.

#0B2F89 #C7162A #0057B8
Ver demo
A-02 Apple Frosted · Latino

Liquid Glass Latino

Glass visionOS sobre base verde #014418 con orbes dorado/verde/rojo y bordes dorados.

#014418 #009C3B #F4C531
Ver demo
A-03 Apple Dynamic · Tricolor

Dynamic Island Tricolor

Dynamic Island con paleta completa: azul/verde/rojo/amarillo ciclan en top-borders de cards.

#0057B8 #009C3B #D52B1E #F4C531
Ver demo