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 event infrastructure for organizers: registration, checkout, and check-in, 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 events
Publish an event in five minutes, from a phone
Check-in is where platforms fail
Sell entries by mobile money or card, run check-in offline, and get paid, all from the phone in your pocket. UGX 900 + 5% at checkout on MTN MoMo in Uganda, UGX 1,500 + 5.8% on card, 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 logo
The bow mark in its green roundel plus the “laces.run” wordmark. Use this on light surfaces: it is the default logo for most contexts.
Download SVG
Icon mark
The roundel alone. Use where the Laces name is already established, or where space is limited: favicons, app icons, small UI spots.
Download SVG
Single-colour logo
The full logo in black alone. Use where colour is not available: one-colour print, embossing, fax-quality documents.
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 logo (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.