Iteración v0.4. Lockup oficial: símbolo de 4 barras ascendentes + wordmark "FlexOS" en Space Grotesk 700. Más carácter, menos neutral — toque retro-tech.
Símbolo · 4 barras ascendentes
Wordmark · Space Grotesk 700 · OS cyan
Aprobado · 19 abril 2025
Review · v0.2
Estado de evaluación.
Actualizado · v0.4 · 19 abr 2025
00
El base actual.
Punto de partida. Cuatro barras verticales con opacidad progresiva y una cuarta pequeña a la derecha.
FlexOS
Baseline
4 barras ascendentes + Space Grotesk 700 · OS cyan
Lockup oficial v0.4. Space Grotesk aporta carácter retro-tech, menos neutral que Jakarta. El cyan en "OS" refuerza "sistema operativo".
01 · Refinamientos del símbolo actual
Manteniendo las barras.
Pequeños ajustes sobre la metáfora existente: geometría, ritmo, densidad, color-fill.
1.1
Opacidad uniforme
Sólido 100%. Más impreso, menos gradiente. Se siente arquitectónico.
1.2
Ritmo invertido
Pequeña → grande → decrece. Sugiere cascada / subasta descendente.
1.3
Pico simétrico · 3 barras
Peak al centro. Lee como "orquestador en el medio" — más estable visualmente.
1.4
Con línea de señal
Línea conectando picos superiores. Añade idea de "señal en movimiento".
1.5
Outline + fill mix
Dos outline + dos sólidas. Jerarquía invertida: "lo que llena es lo que importa".
1.6
Fully rounded
Radio completo. Se siente más software-y, menos industrial.
1.7
Sharp corners
Cero radio. Técnico, brutalista. Se siente más "operativo".
1.8
Dos tonos · azul → cyan
Gradiente discreto entre los dos azules del brand. Progresión de calor.
02 · Alternativas conceptuales
Otros ángulos.
Si soltamos las barras — qué otras metáforas caben en FlexOS. Cada una pregunta algo distinto de la marca.
2.1
Orchestrator · nodo central
Un nodo al centro, agentes alrededor. Literal a la arquitectura técnica.
2.2
Ruta / flow
Curva con origen y destino. Abstracción del viaje / la ruta de carga.
2.3
Stacked chevrons
Tres flechas apiladas ascendentes. Progreso / elevación / "uplift" (nod a Liftit).
2.4
Monograma F
"F" geométrica modular. Más literal pero funciona a 16px.
2.5
Brackets · [ ■ ]
Corchetes que envuelven un módulo. Habla de "OS", de sistema, de contener agentes.
2.6
Señal / ondas
Nodo inicial emitiendo ondas. Idea de "broadcast" a transportistas.
2.7
Grid 3×3
9 celdas, pico al centro. Lee como "plataforma", "dashboard", "sistema".
2.8
Origen · destino
Dos pins + ruta punteada. Demasiado literal — útil como icono secundario.
03 · Wordmark
La palabra.
Variaciones tipográficas del wordmark "FlexOS". Peso, espaciado, familia, tratamiento del "OS".
FlexOS
3.1 · Base
Jakarta ExtraBold 800
Peso actual. Geométrico, bilingüe-friendly.
FlexOS
3.2 · Cyan OS
OS en acento
El sufijo destacado. Refuerza "OS = sistema operativo".
FlexOS
3.3 · Mono OS
OS en JetBrains Mono
Contraste de familias. "Flex" humano, "OS" técnico. Me gusta cómo suma.
FlexOS
3.4
Space Grotesk 700
Más carácter, menos neutral. Toque retro-tech.
FlexOS
3.5
IBM Plex Sans 700
Enterprise, confiable. Se siente más Stripe / Bloomberg.
FlexOS
3.6
Inter 800
Default SaaS. Evitar — el brief explícitamente rechazó Inter.
flexos
3.7
Lowercase
Todo minúscula. Más friendly, menos corporativo. Pierde la legibilidad del "OS".
FlexOS
3.8
Peso mixto
"Flex" medium, "OS" bold. Invierte la jerarquía habitual.
FLEXOS
3.9
UPPERCASE
Todo caps. Se pierde el contraste Flex/OS — no recomendado.
04 · Lockups completos
Símbolo + palabra.
Combinaciones finalistas. Lo que se usaría en la práctica — tarjetas, headers, docs.
FlexOS
4.1 · Baseline + Mono OS
Barras actuales + wordmark mixto
Mínimo cambio, máximo upgrade. Mi recomendación si quieres iterar sin reiniciar.
FlexOS
4.2 · Peak + Mono OS
Símbolo simétrico + wordmark mixto
Más estable, más "orquestador". Nueva lectura: el pico central = el sistema, las barras = agentes.
FlexOS
4.3 · Brackets
Corchetes + base wordmark
Concepto más radical. Habla directamente de "OS / sistema / contener agentes".
FlexOS
4.4 · Orchestrator
Nodo central + agentes
Reinicio total del símbolo. Literal a la arquitectura de producto.
06 · Lowercase
La minúscula.
Lowercase se siente friendly, moderno, producto. Seis variaciones para decidir el tratamiento final del "os".
flexos
6.1 · Plano
Jakarta 800 · Todo blanco
La versión más limpia. Un solo gesto — la minúscula hace todo el trabajo.
flexos
6.2 · Flex + os cyan
Jakarta 800 · "os" en acento
Mantiene el sistema "OS como acento" del wordmark principal. Mi recomendación.
flexos
6.3 · Flex + os mono
Jakarta 800 + Mono 600
Mix tipográfico. Dice "software que corre". Más técnico.
flexos
6.4 · Lockup + símbolo
Barras + flexos plano
Lockup completo. El símbolo carga el acento; el wordmark descansa.
flex·os
6.5 · Con separador
flex · os
Rompe la palabra explícitamente. Dice "flex que corre sobre un OS". Riesgo: se siente raro en URLs.
flexos
6.6 · Itálica serif
Jakarta + Fraunces italic
Tensión tipográfica. Sans geométrico + serif itálico = el mismo juego del H1 "logistics OS."
07 · Light Mode Blue
El azul para paper.
El cyan #67e8f9 sobre negro es el norte: refrescante, innovador, eléctrico. Su primo de light mode no debe ser un azul corporativo seco — debe tener la misma alma, pero aterrizado en blanco. Estas 8 variaciones exploran ese aterrizaje.
Diagnóstico · lo que no funciona
El azul actual se siente seco, plano, acartonado.
El valor actual #2e5aac (oklch 0.45 0.17 260) resuelve contraste sobre blanco pero no tiene carácter. El dark mode cyan dialoga con el fondo negro; el light mode blue debe dialogar con paper con la misma energía — no parecer un "enterprise blue" genérico de 2010.
Criterio · qué buscamos
01Alma del cyan — frío, eléctrico, fresco
02Contraste WCAG AA sobre #ffffff y #f8fafc
03Distintivo — no Stripe, no Linear, no Figma
04Solid fill — sin gradientes ni glows
Bloque A · Exploración
Ocho rumbos cromáticos.
Mismo lockup · mismo fondo paper · solo cambia el hue
Baseline
FlexOS
L01 · Baseline
El actual · #2e5aac
OKLCH 0.45 · 0.17 · 260 — el azul acartonado que queremos reemplazar. Es la referencia para comparar.
AA · ✓ 7.2:1SENTIMIENTO · genérico
FlexOS
L02 · Azure Bright
Luminoso · #1d7fd1
OKLCH 0.58 · 0.16 · 235 — azul medio abierto, luminoso. Energía diurna, se siente despierto.
AA · ✓ 4.6:1amable
FlexOS
L03 · Electric
Saturado · #0066ff
OKLCH 0.53 · 0.24 · 255 — alta saturación, eléctrico, punk. Tiene energía pero puede leerse como "tech-bro".
AA · ✓ 5.8:1punzante
FlexOS
L04 · Cobalt
Profundo · #1e40af
OKLCH 0.42 · 0.22 · 260 — azul cobalto saturado, denso. Autoridad sin ser aburrido.
AA · ✓ 8.1:1sólido
Placeholder favorito
FlexOS
L05 · Cyan Grounded
El cyan aterrizado · #0891b2
OKLCH 0.56 · 0.13 · 220 — mismo hue del cyan dark pero oscurecido hasta pasar contraste. Hermandad total.
AA · ✓ 4.9:1DIALOGA CON DARK
FlexOS
L06 · Ultramarine
Premium · #4338ca
OKLCH 0.45 · 0.22 · 275 — hacia indigo. Más cálido que cobalt, casi violeta. Cuidado: cerca de Stripe.
AA · ✓ 7.5:1riesgo · Stripe
FlexOS
L07 · Ink Dark
Casi tinta · #0c1a3e
OKLCH 0.22 · 0.09 · 260 — azul muy oscuro, casi tinta negra. Autoritario, editorial. Pierde "vida".
AA · ✓ 15:1formal
FlexOS
L08 · Tide
Teal-azul · #0e7490
OKLCH 0.50 · 0.12 · 210 — híbrido hacia teal. Orgánico, inesperado. Se aleja del "azul tech" pero puede parecer de salud/wellness.
AA · ✓ 5.3:1distintivo
★ Deep Ink · Nuvo-style
FlexOS
L10 · Deep Ink
Navy editorial · #0B2F5E
OKLCH 0.25 · 0.09 · 240 — traduce la fórmula del forest Nuvocargo (#0A3F2E) a banda azul manteniendo lightness + chroma. Oscuro, editorial, maduro, con gravitas logística. Lo opuesto a "tech startup".
AAA · ✓ 12.4:1★ NUVO-INSPIRED
L05 · Cyan Grounded · en grande
El logo completo con #0891b2.
Cuatro escalas · fondo paper
FlexOS
A Liftit Initiative · 2026
FlexOS
Escala media · 40px
FlexOS
Chrome · 20px
Símbolo solo · 72px
L10 · Deep Ink · Nuvo-inspired · en grande
El logo completo con #0B2F5E.
Traduce el forest Nuvocargo → navy editorial
FlexOS
Lockup hero · 140px símbolo + 96px wordmark
FlexOS
Escala media · 36px
FlexOS
Chrome UI · 20px
Reversed · 72px
NotaMismo lightness (0.25) y chroma (0.09) que el forest Nuvocargo, pero rotado de hue 160° → 240°. Resultado: un azul con gravitas editorial — no "tech startup", sino logistics-grade. Casi-negro al primer vistazo, lectura azul al acercarse.
Comparador · hermandad cromática
Dark y Light, lado a lado.
Ganador placeholder · L05
FlexOS
Dark · #67e8f9 · hue 218
FlexOS
Light · #0891b2 · hue 220
Mismo hue ~220 · solo cambia lightness. Así el dark y light son la misma marca respirando distinto.
Bloque B · Contextos con placeholder
L05 Cyan Grounded · en uso.
Prueba del ganador placeholder en seis superficies reales del sistema. Si eliges otra variación, reemplazamos el HEX y propaga.
FlexOS
B.1 · Paper puro
Sobre #ffffff
El caso default. Contraste 4.9:1, pasa AA holgado. Esta es la configuración canon.
FlexOS
B.2 · Surface tint
Sobre #f8fafc
Surface del Design System. Se mantiene vivo, no se pierde contra el casi-blanco.
FlexOS
A Liftit Initiative
The autonomous
logistics OS.
Bogotá · Colombia
01 / 12
B.3 · Pitch cover light
Variante light del deck
Mismo layout del dark, pero en paper. El azul asume el rol del cyan como anchor visual.
FlexOS
David Salazar
Head of Product
B.4 · Business card
Papelería corporativa
Tarjeta 85×55mm. El azul funciona en print — no rompe CMYK como cyans saturados.
FlexOS
B.5 · UI producto
Sidebar dark + content light
El cyan brilla en nav oscuro; el blue anchora el content. Sistema de "dos modos que dialogan".
FlexOS · Dashboard
B.6 · Favicon · 32 / 16px
Chrome de browser
El símbolo solo. A 16px las 4 barras siguen siendo legibles — el azul ayuda a la lectura rápida.
Decisión pendiente
¿Cuál es el azul de FlexOS light?
Mi recomendación
L05 · Cyan Grounded
Preserva el alma del cyan, pasa contraste, se siente como "la misma marca en paper". Dialoga con el dark por hermandad cromática.
Alternativas vivas
· L04 Cobalt — más profundo y sólido
· L02 Azure Bright — más luminoso y abierto
· L08 Tide — si quieres algo distintivo
Descartadas
· L01 Baseline — genérico
· L03 Electric — demasiado punzante
· L06 Ultramarine — cerca de Stripe
· L07 Ink Dark — pierde vida
Cuando elijas un ganador, propago el valor a Brand Manual + Design System + Pitch Deck.
05 · En contexto
El finalista, en uso.
v0.4 desplegado. Cuatro superficies reales donde ya vive el lockup: el pitch a inversionistas, el Brand Manual, la papelería corporativa, y el signature de producto. Cada una con su propio requisito de escala, fondo y jerarquía.
FlexOS
Seed · 2026
A Liftit Initiative
The autonomous
logistics OS.
Bogotá · Colombia
01 / 12
5.1 · Pitch Deck
Cover · slide 01 / 12
Chrome de 18px + wordmark en cyan. Se repite en las 12 slides como anchor.
FlexOS
Brand Manual · v0.4
El manual.
01 / 14
Section 02 · Logo
FlexOS
5.2 · Brand Manual
Cover + logo spread
Azul FlexOS sobre white. 14 secciones, 28 instancias de wordmark — todas con OS en cyan.
FlexOS
A Liftit Initiative
Bogotá · Colombia · flexos.liftit.co
5.3 · Letterhead
Carta oficial · carta tamaño
Papelería corporativa. Wordmark a 15px + regla divisoria. Azul FlexOS para print.
FlexOS
v 0.4 · internal
Ops · Colombia
412 cargas activas
5.4 · Producto
UI chrome · sidebar de app
El signature que vive todo el día con el equipo de ops. Cyan sobre midnight. Mismo ADN que el pitch deck.