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, transparentSVG
gitoui G logomark in near-black on a transparent background
Black, transparentSVG
gitoui G logomark on an off-white background plate
Orange on off-white plateSVG
gitoui G logomark in black on an off-white background plate
Black on off-white plateSVG

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
DefaultSVG
gitoui wordmark, default spacing, orange + near-black
Color (light theme)SVG
gitoui wordmark, default spacing, near-black
Default · blackSVG
gitoui wordmark, wide spacing, cream oui
WideSVG
gitoui wordmark, wide spacing, orange + near-black
Wide · colorSVG
gitoui wordmark, wide spacing, near-black
Wide · blackSVG

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
TransparentSVG
gitoui combined mark in color (orange + near-black), transparent
Color · transparentSVG
gitoui combined mark, near-black, transparent
Black · transparentSVG
gitoui combined mark on an off-white plate
On off-white plateSVG
gitoui combined mark in color on an off-white plate
Color on off-white plateSVG
gitoui combined mark in black on an off-white plate
Black on off-white plateSVG

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#F05133git orange: wordmark `git`, G logomark
Shadow#8B2A12depth on the G logomark
Used#F1ECECoff-white `oui` letters
Off-White Bg#F5F4F2light background plate
Warm Gray#4B4646secondary text
Near-Black#111111dark variants on light backgrounds

Typography

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

Orbitrongitoui. Say oui.
JetBrains Mono$ git log --grep="oui" → ∞ results.