A new brand
A full identity from the mark to the packaging to the screen.
SYS-STU-05liveStudio
Brand Studio
A visual identity that reaches the code
Visual identityDesign systemArabic typographyFigma
Featuresالمزايا
What it actually does
Visual identityMark, colour and type — in a system that works on screen and in print.
Design systemDesign tokens and components in code, not slides forgotten in a month.
Arabic typographySpacing, joining and diacritics tuned — Arabic deserves care, not assumptions.
AA accessibilityColour contrast, keyboard navigation and screen-reader support.
Social media systemsTemplates and design tokens instead of scattered files.
An executable guideSpacing, background and forbidden-use rules with ready files.
Who it is forلمن هو
Who benefits from it
A digital product that needs a design system
Tokens and components in code that the development team consumes directly.
Proofالدليل
Numbers, not adjectives
1 cm
smallest size at which the mark still reads
2
type systems, Arabic and Latin
Tokens
design tokens in code
AA
contrast measured, not assumed
Architectureالبنية التقنية
How it was built
- Figma with components and variables exported as tokens
- A code component library that matches the design file
- A usage guide for screen and print
Next step
Start your identity
We begin with a short workshop about the brand before any drawing.
- We reply within two working days
- The code is entirely yours
- Published numbers, signed and verifiable