Skip to content

Brand

Resources and assets to help you reference the gitoui brand. Each asset ships as a clean SVG — hit the SVG button under any variant to download it.

Logomark

The G symbol on its own. Use the orange variant on dark backgrounds and the near-black variant on light backgrounds.

gitoui G logomark in orange on a transparent background
Orange, transparent SVG
gitoui G logomark in near-black on a transparent background
Black, transparent SVG
gitoui G logomark on an off-white background plate
Orange on off-white plate SVG
gitoui G logomark in black on an off-white background plate
Black on off-white plate SVG

Wordmark

The gitoui wordmark. git always stays orange; oui ships in three palettes — cream (default, for dark UIs), near-black (light UIs), and orange + near-black (the -color variant, picked automatically by the app when the active theme has a light background, including custom user themes).

gitoui wordmark, default spacing, cream oui
Default SVG
gitoui wordmark, default spacing, orange + near-black
Color (light theme) SVG
gitoui wordmark, default spacing, near-black
Default · black SVG
gitoui wordmark, wide spacing, cream oui
Wide SVG
gitoui wordmark, wide spacing, orange + near-black
Wide · color SVG
gitoui wordmark, wide spacing, near-black
Wide · black SVG

Combined mark

Logomark + wordmark together — favour this on README headers, presentation title slides, and anywhere the logo needs to introduce the name itself.

gitoui combined mark, transparent
Transparent SVG
gitoui combined mark in color (orange + near-black), transparent
Color · transparent SVG
gitoui combined mark, near-black, transparent
Black · transparent SVG
gitoui combined mark on an off-white plate
On off-white plate SVG
gitoui combined mark in color on an off-white plate
Color on off-white plate SVG
gitoui combined mark in black on an off-white plate
Black on off-white plate SVG

Colors

The brand book lives at assets/brand/gitoui-brand-standalone.html in the repo — these tokens are its COLOR section. The orange leads; everything else is supporting.

Primary #F05133 git orange — wordmark `git`, G logomark
Shadow #8B2A12 depth on the G logomark
Used #F1ECEC off-white `oui` letters
Off-White Bg #F5F4F2 light background plate
Warm Gray #4B4646 secondary text
Near-Black #111111 dark variants on light backgrounds

Typography

Orbitron for the wordmark and display headlines — gives the logotype its technical, terminal-adjacent feel. JetBrains Mono everywhere code shows up.

Orbitron gitoui — Say oui.
JetBrains Mono $ git log --grep="oui" → ∞ results.