Brand kit
The Holler mark is a dot calling out to two arcs: someone saying what they think, and it being heard. Here are the files and the few rules that keep it recognisable.
The mark
An ink tile with a blue dot and two white arcs. On dark backgrounds the tile turns light and the arcs dark; the dot stays blue.
Logo
The mark with “Holler” in Geist SemiBold. The downloads have the wordmark outlined, so they look right without the font installed.
Spacing and type
Keep clear space equal to the dot (0.22 × the mark's height) on every side. The wordmark is 0.8 × the mark, 0.22 × the mark away, tracked −0.045em.
In product headers under 32px, ease the tracking to −0.02em: 22px mark, “Holler” at 15px, 8px gap.
Sizes
Small marks are redrawn rather than shrunk. In the product, the HollerMark component picks the right one from the size.
Colour
The mark uses Holler's own ink and accent. The dot is always accent blue, except in the one-colour version for print and embroidery.
Don't
Each of these breaks what makes the mark recognisable.
App icons
Home-screen and avatar icons are full-bleed squares, because iOS, Android and social sites crop their own corners. The maskable icon keeps the glyph in the centre 80%.
Mail apps block SVG, so emails use hosted PNGs at twice their size: a 24px logo at the top and the 16px mark in the footer.
HollerSign in to Holler:
Sent by HollerFeedback button
The Feedback button on builders' own sites carries no Holler logo. It has its own navy pill, and its red or green dot shows status, so leave it as it is.