Gitmost · Logo Brand 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.