A shared scale for competitive position.
Competitors share one neutral tone. Cobalt is reserved for the client’s brand, and the gap to second place is measured on the bar.
Work
Orbit
A B2B platform for institutional intelligence. It monitors press, social media and regulation for the people who decide at the top.
The problem
Clipping and social listening measure mentions. The question in the boardroom is whether a mention matters.
The business and data foundation were already in place. Brand and product were built on top of it, for CEOs, communications directors and institutional relations teams.
My role
- Visual identity: symbol, colour, typography and tone of voice.
- Design system and product interface, in light and dark.
- Institutional website, built in HTML, CSS and JavaScript.
- Brand manual, presentations and selected applications.
Process
The direction came before the system.
Symbol and palette set the territory first. Tokens and components were written only after that language had held up on real product screens. In the interface, the work was the order of reading: the cycle synthesis in front, indices and comparisons next, the evidence one click under. The website first read as a technical demo and was rebuilt as an institutional product, with navigation, copy and layout changed together.
Result
Identity, design system, product interface, a website in code and the full brand manual. Manual, system and product share one token vocabulary, in two languages and two themes.
Product
Institutional intelligence
The environment changes. You need to know first.
Coverage, reputation, competition and regulatory environment. All interpreted, in one place.
Book a demoSign in
From signal to decision.
Orbit monitors press, social, regulatory and competitive signals, filters them by potential impact, adds sector context and delivers a clear reading through the platform, newsletters and alerts.
ORBIT · OPERATING MODEL
Continuous monitoring
Press, social, regulatory and competitive signals.
AI filtering
Signals organised by their potential impact.
Expert interpretation
Sector context gives each signal meaning.
Executive delivery
A clear reading across the platform, newsletters and alerts.
Two indices. A closer look when needed.
Value, classification and variation come first. The period chart sits one level below, inside the card.
Questions about the cycle, answered from its data.
Ask Orbit sits under the cycle reading. The suggested questions start from what the reading has just shown.
Ask Orbit
Outside signals that shape any decision.
Economy, politics and sector regulation can shift the business environment before internal signals appear.
Regulatory
Economy
National and global indicators, such as interest and exchange rates.
Signal
Global interest rates are set to stay high through year-end.
High attention
Geopolitics and national politics
Trade tensions and political moves with potential impact on business.
Signal
Trade tension between economic blocs intensifies.
High attention
Sector regulation
Frameworks under construction that change the rules of the sector.
Signal
New sector regulatory framework enters public consultation.
Tracking
Design system
The visual language becomes reusable rules.
A token system, a semantic palette for status and three type families with fixed roles: display, body and data. Closed in Figma, in light and dark.
Symbol1:1
Symbol and logotype. Four bodies around a centre, in mutual dependence: the relation the product holds between AI and human context.
cobalt-base#0051FF
neutral-ink#0D0D0D
neutral-frost#F0F1F3
cobalt-dark#1A2E99
primary-hover#0044D6
cobalt-light#4D6AFF
gradient/intelligence#151E46 → #0B1226
bg/card#FFFFFF
bg/card-2#F6F7F9
orange-base#F97316
positive#0C857A
alert#D1877C
negative#BD5444
Colour by weight: the core palette larger, supporting and status colours smaller.
- 81.idx-num80px · Hero index
- 47,5%.mercado-kpi-num48px · Share of voice
- 2.417.act-num28px · Activity card
- +11 pts.dp-kpi__val20px · Secondary indicator
- 93,1%.narrative-row__pct16px · Percentage in a list
Numeric hierarchy in JetBrains Mono. The more important the data on screen, the larger the number.
tokensizelinetracking
DisplayLibre Caslon Text
- Libre Caslon Text--text-display-md48px54px−0.014em
- Libre Caslon Text--text-heading-lg32px38px−0.012em
Body and interfacePublic Sans
- Public Sans--text-body-lg18px30pxnormal
- Public Sans--text-body-md16px26pxnormal
- Public Sans--text-body-sm14px23pxnormal
- Public Sans--text-label-md13px17pxnormal
DataJetBrains Mono
- JetBrains Mono--text-mono-md13px17px−0.040em
- JetBrains Mono--text-eyebrow-md11px17px+0.090em
Type scale of the dashboard, each family in its own sizes. No size outside this table.
Brand
One symbol, at every distance.
The applications use a short kit: the symbol, the cobalt field and editorial type. What changes from one to the next is the distance it is read from.
At hand
Up close, the symbol stands on its own.
On screen
From the browser tab to the full screen.
Cycle wrap-up
Bring the cycle to the decision table.
Everything you saw in this dashboard, consolidated into an executive summary ready to share with leadership.
Export summaryConfigure alerts
More work
Loop Mobile
Landing pages, paid social, and station posters, built as one kit inside the client's design team.
Émillie Anne
Campaign design and the brand system developed through production for a New York jewelry label.
Ricca
Store banners, social carousels, and e-commerce packaging for a Brazilian mass-market beauty brand.
Contact