Gitmost · LogoBrand guide v1

Gitmost Logo

A short guide to the mark, wordmark, color and icons. Gitmost is a fork of Docmost with git features — the visual language is built around the idea of a document under version control.

gitmost

Primary horizontal logo: mark + wordmark.

Concept

The mark is a git-branch pictogram: a vertical commit line and a branch that resolves into a separate node. It reads instantly as version control. The green nodes carry the “git” idea on top of a neutral structure — so the mark works both as an app icon and as a single-color favicon.

The wordmark is deliberately lowercase and calm: the product is a tool, not a billboard. The geometric grotesk Space Grotesk lends a technical feel without being cold.

Construction

The mark is built from four primitives on a 96×96 grid:

vertical line — the main branch;
quarter-arc — the branch-off;
top node — the diverged commit;
bottom node — the head of the main branch.

Stroke weight is 9 units, node radius 12, with round line caps. Keep these proportions at any scale; never stretch the mark non-uniformly.

Clear space & minimum size

Minimum clear space around the logo equals the node diameter (≈ the x-height of the wordmark). Keep text, other logos and layout edges out of this zone.

Context	Minimum size
Mark (icon)	16 px
Horizontal logo	mark height ≥ 20 px
Print	mark ≥ 6 mm

Color

	HEX	Use
	#3FB950	Accent — git green. Mark nodes, active states.
	#56D364	Light accent. Optional — highlights / gradation.
	#0E1117	Icon tile, dark UI background.
	#E6EDF3	Mark structure on dark backgrounds.
	#1F2328	Mark structure and text on light backgrounds.

Wordmark

gitmost

Property	Value
Typeface	Space Grotesk
Weight	600 · SemiBold
Tracking	-0.04em
Case	all lowercase — never “Gitmost” or all-caps in the logo
Color	single color: #1F2328 on light, #E6EDF3 on dark

An allowed accent variant sets “git” in #3FB950 and leaves “most” neutral. Use sparingly (marketing, headers), never as the primary logo.

App icon & favicon

Icon

gitmost-icon.svg

Favicon

gitmost-favicon.svg

The icon is the mark on a #0E1117 tile with ~23% corner radius. The favicon uses slightly heavier strokes for legibility at 16 px. On a light tile, use the inverse: green background, dark mark.

Color variants

On light

On dark

Mono — one color

Don’ts

don’t recolor the nodes to an arbitrary color — accent is only #3FB950;
don’t stretch, skew or rotate the mark;
don’t capitalize or all-caps the name in the logo;
don’t swap the wordmark typeface;
don’t add shadows, outlines or gradients to the mark;
don’t place the logo on a busy background without a tile / clear space.

Files

File	Use
gitmost-icon.svg	App icon, dark tile (256px)
gitmost-favicon.svg	Favicon, heavier strokes for small sizes
gitmost-mark-dark.svg	Bare mark for light backgrounds
gitmost-mark-light.svg	Bare mark for dark backgrounds
gitmost-mark-mono.svg	Single-color mark (print, engraving, B/W)

The wordmark uses the system typeface Space Grotesk and is not embedded in the SVG. For print outside a browser, convert the logo text to outlines.