Introduction
The ContextFetch name, wordmark and logomark identify our product. Use them to write about ContextFetch, link to it, or show that your tool works with it. Please don't use them in a way that suggests we sponsor or endorse your product, and don't change them. Questions: support@contextfetch.dev.
Logo
The mark is a thick ring with one quarter cut out, and a small square in the missing corner. The open ring is the context window: it still needs something. The square is the exact chunk ContextFetch retrieves. It fits the gap without touching the ring, because it has just arrived.
The logotype is set in Geist SemiBold, converted to outlines, always lowercase. "fetch" takes the accent colour, the same colour as the block, and that link is the story.
Logomark
The green tile carries the glyph in white, for avatars, app icons, favicons and social profiles. Below 24 px, use the 16 px favicon cut, which has a thinner ring and a larger gap so it stays legible in a browser tab. The one-colour glyph is for print, embossing, CLI banners and watermarks.
Clear space and minimum size
Keep clear space around every lockup equal to twice the ring stroke: 8 units on the 20-unit grid, or 40% of the glyph height. Around the tile, keep a quarter of its width. Keep the 7-unit gap between glyph and logotype; tightening it makes the glyph read as a doubled "c".
- Tile: 24 px or larger. Below that, use favicon.svg (16 px minimum).
- One-colour glyph: 12 px or larger.
- Wordmark: at least 16 px tall or 100 px wide. Smaller, and the block is only about 3 px.
Colour
Green is the accent, used sparingly on white: links, the block in the mark, highlights and charts. Text is Ink on Paper. Use Deep Green for small green text, since Fetch Green on white passes AA by only a small margin.
