Case Study · Universidade de Brasília · 2022
A platform for active learning
Sole Designer · Web & Mobile · Problem-Based Learning platform
What I owned
Who I worked with
Re-grounding the visual system in UnB's brand manual
I inherited a partial design language from the previous designer, a navy base with a yellow accent, and re-grounded it in the university's official Manual de Identidade Visual, the UnB guia prático. The manual specifies no yellow, so I dropped it: UnB blue (#003366, Pantone 654) anchors the hero, footer, and headers, and a UnB green carries the primary calls to action. For type I paired Source Serif 4, an editorial serif that gives the public surface a scholarly feel, with Inter for UI and body, a screen-built humanist sans that echoes UnB’s Helvetica spec and renders Portuguese diacritics cleanly. The public pages took editorial cues from Stanford Magazine and Aeon; the internal admin borrowed dashboard patterns from Linear and Stripe. One system, two registers.
Colour · from UnB's manual
Yellow removed. The manual specifies none.
Typography
Display & headings
Source Serif 4
Editorial serif · scholarly weight for the public surface
UI & body
Inter: built for screens, clean PT-BR diacritics
Humanist sans · echoes UnB's Helvetica spec
The redesign, applied across the internal admin
The findings weren’t unique to one form: opaque labels, edit and delete hidden from the detail view, one-click destructive actions, and silent failures were patterns. So the redesign answered them across the whole internal admin, rebuilt on the UnB design system: Source Serif 4 and Inter, UnB blue and green, a Linear-style sidebar with grouped navigation and a command-palette shortcut, Stripe-style page headers and breadcrumbs. The profile-management flow below shows the patterns in one place. Each screen carries the decision it represents, not what it looks like.
External environment sitemap · eight public pages · the surface that did not exist before
