<helmet>
</helmet>
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.