Latin · Manrope
Aa
400Your money at a glance
600Your money at a glance
700Your money at a glance
800Your money at a glance
One set of rules for every app.
OpenDesign is the design system behind OpenProject’s apps. We’re growing it into a full design bible; this page shows the rules already in use.
One plate for every mark.
Each mark is a single glyph on the same dark plate. The plate’s corners are 22% of its edge; the glyph fills 62% of it, centered.
Open, plus one word.
Every product is named Open and a single noun, written as one word. The two halves are told apart by color.
OpenFinances
Color, as the apps ship it.
Dark surfaces stepping up in tone, one blue for the brand, and a color for every category. Tap a swatch to copy it.
Surfaces
Brand and state
Categories
Type for two scripts.
Latin is set in Manrope. Persian text is set in Shabnam; its heavy weights, from 800 up, in Vazirmatn.
Persian · Shabnam + Vazirmatn
آب
300 · Shabnam Lightدخل و خرج شما در یک نگاه
500 · Shabnam Mediumدخل و خرج شما در یک نگاه
700 · Shabnam Boldدخل و خرج شما در یک نگاه
800 · Vazirmatn ExtraBoldدخل و خرج شما در یک نگاه
900 · Vazirmatn Blackدخل و خرج شما در یک نگاه
Every layout, both directions.
Nothing is flipped by accident. Each screen is laid out for left to right and for right to left, and every part knows which side it belongs on.
LTR · English
Latte6.40CoffeeThu 5 Nov
RTL · فارسی
لاته190,000کافهپنجشنبه 14 آبان
Still growing.
OpenDesign is young. More of it will be written down here as it settles.