Brand Identity
We designed the XS Lawyer identity from scratch as part of the build, not as a separate brand engagement. A custom XS shield-mark and lockup family, a slate-on-dark palette accented with indigo glow, an Inter type system across nine weights, and a bilingual EN/AR tone-of-voice handbook packaged for app, web, signup emails, invoices and print.
Every section, explained.
4 working sections inside Brand Identity — each one a screen we designed, built and tested in the live system.
Brand Hero & Chat UI
The brand's flagship surface — the XS Lawyer hero and live chat UI where the identity earns its first impression. Slate-on-dark palette, Inter at display weights, indigo-to-slate gradient on the shield, and chat bubbles tuned for legal-tech authority rather than consumer playfulness.
- Hero composition anchored by the XS shield mark
- Chat UI tuned for legal-tech authority
- Indigo → slate gradient as the only accent treatment
- Inter display weights paired with restrained tracking
Identity in Context
The identity rendered across real product surfaces — landing hero, value proposition, signup flow and chat — so the brand isn't a Figma board but a working system. Colour, type, voice and iconography all show up in the same restrained cadence wherever the user goes.
- Identity applied across product surfaces, not slides
- Colour, type, voice and icons working as one system
- Consistent cadence from landing to live chat
- Bilingual EN / AR coherence across every screen
Logo Lockups
A full family of XS Lawyer lockups — primary, horizontal, stacked and single-letter shield — engineered to hold weight at every size, from a 32×32 favicon to a signup-page hero. Clear-space, minimum-size and colour-usage rules locked per variant.
- Primary, horizontal, stacked and shield-only lockups
- App icon, favicon and social avatar variants
- Clear-space, minimum-size and usage rules
- Mono, light and dark colour variants per lockup
System & Application
The bilingual handbook packaging logo, palette, typography and voice into a single deliverable ready for app, web, signup emails, invoices and print — including RTL specimens for the Arabic interface and a translations register that ties back to the admin Translations module (676 EN / AR pairs).
- EN + AR guideline set in one PDF
- RTL specimens for the Arabic interface
- Brand application across app, web, email, invoice, print
- Translations register tied to the 676-pair admin module
Jump to another chapter
Need a brand identity like this?
If your product is a model wrapped in a Notion doc, that's exactly the gap we close — billing, admin, multilingual, security, and all. Let's talk.
