← Portafolio
Sistema visual + UISistema

Sistema visual y UI para una plataforma social completa.

Mercury · Plataforma digital · Marca real

Plataforma para adultos 18+. Se muestra por su valor de diseño de producto/UI.

Marca Mercury
El sistema en uso
El desafío

Una red social no es una landing: son decenas de pantallas que deben sentirse como un solo producto, en tema oscuro y con densidad alta de contenido.

Nuestras decisiones

Cómo funciona el sistema, y por qué

01

Un sistema oscuro con jerarquía: fondo profundo, superficies elevadas, un acento morado para la acción.

Por qué: El modo oscuro reduce fatiga en feeds largos; un acento único deja claro qué es accionable.

02

Diseñamos componentes, no pantallas: navegación, tarjetas, historias y mensajería reutilizables.

Por qué: Un producto de decenas de vistas solo se sostiene con piezas reutilizables, no con pantallas sueltas.

03

Tipografía y espaciado calibrados para densidad.

Por qué: Un feed largo tiene que leerse sin cansar; la legibilidad manda sobre la decoración.

La paleta y su razón

El color no decora: comunica.

Navy#010326El lienzo oscuro del producto.
Morado#9379F2Marca y acción — lo accionable.
Morado claro#B9A8F7Estados y apoyo (tentativo).
Casi blanco#F2F0FBTexto sobre fondo oscuro.
El resultado

Un sistema visual aplicado a toda la app: feed, publicaciones, historias, mensajería, perfiles y ajustes.

Por qué funciona
  • Escala a un producto real, no pantallas sueltas.
  • Coherencia bajo densidad, en modo oscuro.
  • Demuestra rango: identidad y también producto/UI.

¿Tu marca a la altura de tu empresa?

Cuéntanos tu proyecto. Te respondemos con los próximos pasos, sin compromiso.

Hablemos