← Back to the event page
Graphics Brief for Adam
Every image on the site is a stand-in that can be swapped for branded artwork. Sizes below are the render target at 2× density, so they stay sharp on retina screens.
Palette in use
Royal (primary)
#1B5FA8
Sky (links, gradient mid)
#3AA5E0
Ice (hero wash)
#BFE3F7
Sun (accent, map pins)
#F5C518
Teal (progress)
#0E9F8C
Ink Navy (dark sections, body type)
#0B2545
White (page background)
#FFFFFF
Typography
Anton — headlines (all caps, blue gradient, 6° skew)
Public Sans — body copy, buttons and labels
Asset checklist
| Slot | Size | Format | Notes |
|---|---|---|---|
| Event logo / lockup | 1200 × 400 px | Transparent PNG + SVG | Used in the sticky nav at ~32 px tall and in the footer. Needs to stay legible small; supply a horizontal lockup plus a square mark for the nav dot. |
| Square mark / favicon | 512 × 512 px | PNG (plus 32 × 32 ICO) | Replaces the rose circle in the nav and footer, and the browser tab icon. |
| Hero background art | 1600 × 1600 px | PNG or JPG | Sits on the right half of the hero at 25% opacity behind the headline. Keep detail toward the right edge; the left third gets covered by type. Show participants of all ages — men, women, boys and girls — always modestly dressed: skirts covering the knee, sleeves past the elbow, necklines covering the collarbone. The Kids Dash covers ages 3–8. |
| Race category cards (×3) | 1200 × 800 px each (3:2) | JPG | 5K Run, 1-Mile Walk, Kids Dash. Participants of all ages — men, women and children, modestly dressed. The Kids Dash artwork includes boys and girls ages 3–8. Center-weighted; corners are rounded 16 px. |
| Attraction icons (×7) | 400 × 400 px | Transparent PNG or SVG | Optional upgrade to the scrolling attractions strip: breakfast, inflatables, face painting, photo booth, music, balloons, medals. |
| Sponsor tier badges (×4) | 256 × 256 px | Transparent PNG or SVG | Title, Champion, Partner, Friend. Displayed in a 64 px rounded tile. |
| Sponsor logo slots | 600 × 300 px | Transparent PNG | Once sponsors are confirmed. Logos get letterboxed into a 2:1 box on a light card. |
| Social share image | 1200 × 630 px | JPG | WhatsApp / Facebook / X preview card. Include event name, date and location as burned-in type. |
| Email + flyer header | 1600 × 600 px | JPG or PNG | Optional, for the campaign emails that drive traffic to this page. |
| T-shirt / bib art | Print-res vector | AI / SVG / PDF, CMYK | Not on the site, but nice to keep the palette in sync with the web build. |
File handoff notes
- RGB, sRGB profile, 72 dpi for anything web-bound.
- Photos as JPG under 400 KB; flat art and anything with type as PNG or SVG.
- Leave 8% padding inside logos so they don't crowd their container.
- No baked-in drop shadows — the site applies its own.
