+
+
-
+
+ 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: +
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. +
Color+
Wordmark+gitmost
+
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+
Files+
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. + + | ||||||||||||||||||||||||||||||||||||||||||||||||||