Laces Brand
Brand guidelines
Colours, type, and logo files for representing Laces correctly in partner materials, press, or anywhere the mark appears outside this codebase.
The name
Laces is race infrastructure for organizers: registration, checkout, and the kit tent, built for a phone on a slow connection. The bow mark is the shoe-lace knot every runner ties before a start line: a small, deliberate act that happens right before the thing begins.
Colours
Tap or click any swatch to copy its hex code.
The one non-negotiable
#77d704 on #ffffff measures 1.8:1 and fails WCAG AA outright. The bright accent is a fill colour, never text. Where accent-coloured text is needed on a light surface, use accent-dark (#3f7a12, ~6:1 on white) instead.
Typography
Figtree at weights 400 to 800 is the brand typeface. Every money figure and count uses tabular (fixed-width) numerals, so digits align in a column instead of shifting between values.
Manage your running events
Publish a race in five minutes, from a phone
The kit tent is where platforms fail
Sell entries with mobile money, run the kit tent offline, and get paid, all from the phone in your pocket. UGX 500 + 2.9% at checkout, nothing else, ever.
One honest line, one number at the end.
Logos
Keep clear space around the mark equal to the width of the bow's stroke on every side. Do not recolour, distort, rotate, or add effects, including a shadow or a glow, which this brand never uses. Never place the bright-accent fill behind the mark on white; use ink or the white variant instead.
Primary wordmark
The bow mark plus the “laces” script. Use this on light surfaces: it is the default mark for most contexts.
Download SVG
Icon mark
The bow alone. Use where the Laces name is already established, or where space is limited: favicons, app icons, small UI spots.
Download SVGOn dark surfaces
When the mark sits on ink or another dark surface, use the white variant rather than the ink-coloured file: it disappears against a dark fill.
Primary wordmark (white)
Download SVG
Icon mark (white)
Download SVGMotion
- 150 to 250ms, eased out: quick enough to feel responsive, never a flourish.
prefers-reduced-motionis honoured everywhere motion appears: reveal, hover, and ambient animation all disable themselves.- A countdown digit is never animated. It changes, it does not perform.