Fluente

Hasta lo complejo puede fluir

Logotipo de Fluente, el símbolo en azul y el nombre en beige, sobre una foto desenfocada de luz rosa y amarilla que se oscurece hacia la derecha.

Contexto

Mapas para procesos enredados

Fluente traza paso a paso cómo trabaja una empresa y lo convierte en sistemas de información rastreables. Así nada se pierde entre el equipo, los colaboradores externos y los clientes, y se ve venir hacia dónde corre cada decisión.

El encargo empezó por el nombre. Propusimos Fluente, que quiere decir «que fluye», y diseñamos el resto. El símbolo junta un sol, una rosa de los vientos y una onda que va y viene entre crear y estructurar.

Hallazgo

Nos dimos cuenta de que una identidad bonita y funcional era apenas el punto de partida: tenía que contagiar la energía de Fluente.

Reflejos de luz en verde azulado, con destellos rojos y turquesa.

Fundamentos

Una voz que va al grano

En el manual, la voz de Fluente cabe en seis renglones: tranquila y clara, colaborativa, práctica, eficiente, conectora y firme. Habla de ciclos, patrones y estructuras que se repiten, y se siente bien aterrizada y protectora a la vez.

El tagline lo escribimos nosotros, en cuatro palabras: «Structure that supports creation.» En español: estructura que sostiene la creación.

Hileras de luces ámbar desenfocadas sobre negro.
Dos tarjetas de presentación de Fluente sobre un fondo oscuro: el frente negro con el logotipo y el reverso beige con nombre y datos de muestra.

Paleta cromática

La paleta cromática sale del agua y de la tierra: tonos profundos que bajan el volumen. Al centro, tres: el negro #000000, el azul #237380 y el beige #DCCEB5.

Abajo entran la terracota y la salvia en tres tonos, dos tonos más de azul y beige, y el blanco. En el logotipo a dos colores, el símbolo va en azul; el nombre, negro sobre claro y beige sobre oscuro.

Muestra tipográfica de Fluente: Imperfecta Regular, DIN en cinco grosores y DIN Condensed en dos.

Tipografía

Tres familias, cada una con su trabajo. Imperfecta, siempre en mayúsculas, firma el logotipo, los títulos y lo que debe destacar. DIN carga con el texto largo en cinco grosores, de light a black, y se lee sin esfuerzo.

DIN Condensed, en light y regular, se mete donde hay poco espacio: frases, declaraciones y textos legales. Con eso, quien arme una pieza nueva no tiene que adivinar qué letra va.

La página de inicio de Fluente en escritorio y en móvil, juntas: el navegador y el teléfono, los dos dibujados en línea blanca, con el teléfono encimado abajo a la derecha.

Página web

La página de inicio también es nuestra. Su primera versión llevaba un logotipo y colores anteriores; aquí la mostramos ya con la identidad final.

Trae del manual la página partida: el campo de color, con el logotipo, junto a la foto de luz. En el teléfono el campo se encoge a una barra arriba y la foto se queda con casi toda la pantalla.

Celular dibujado en línea blanca sobre verde azulado, con la página de inicio de Fluente en móvil: barra beige con el logotipo y el menú, y debajo la foto de luz con la banda azul.
Celular dibujado en línea blanca sobre verde azulado, con un correo nuevo que ya trae la firma de Fluente: el logotipo, el tagline, Christian Heshi, Director, un teléfono y un correo.
Doce páginas del manual de Fluente en retícula sobre gris claro: la portada, la descripción, los valores, la voz, el tagline, el logotipo, sus colores y la paleta cromática.

Brand guidelines

En el manual, las palabras de la marca viven dentro de marcos de línea con renglones, como una hoja de cálculo con buen gusto. Ahí caben la descripción, los valores, la voz y el tagline.

Esas páginas se parten en dos: un campo de color liso y, al lado, una foto de luz desenfocada o de reflejos. El logotipo se sube a una foto solo si el fondo está limpio y le da contraste.

¿Qué quieres sacar a la luz? Cuéntanos.

[email protected]

Enciende el sonido y pasa el cursor por las líneas.