Brand studio
Set the club's palette and fonts once. Public pages, every widget, emails, receipts, the sign-in page and share cards pick them up. Light and dark are generated from the same colours.
Your colours. Your site.
Widgets take the club's palette, so they read as part of the site rather than a box pasted onto it. Pick a colour — these are the real widgets, re-rendered.
Club colour
Accent
Theme
Corners
Two real widgets, re-rendered with your colour.
Set it once
One palette, every surface.
Colours and type live in one place. Change them there and the public pages, the widgets on your site, the emails and receipts, the per-club web app, the sign-in page and the share cards all follow.
- Public pages and player profiles
- Every widget on your own website
- Emails, receipts and schedule notices
- Web-app manifest, sign-in page, share cards
Club palette
Type
Headings·Body
Light and dark, generated
Two palettes from one set of colours.
You pick the club's colours. The studio derives a light palette and a dark one that both read as yours. Widgets can be light, dark, or auto, which follows the visitor's device. A Both preview shows them side by side before anything goes public.
- Light and dark derived from the same colours
- Light, dark or auto per widget
- Both preview in the studio
Two palettes from one set of colours. Auto follows the visitor's device.
Start from your crest
Upload the crest. The colours come out of it.
Drop in the club crest and the studio extracts its colours. If the club already has a website, the match-my-site helper gives you a starting point. Then work in three panes: controls on the left, the live preview in the middle, and an inspector that tells you which token paints whatever you click.
- Colour extraction from the crest
- Match-my-site helper
- Click anything in the preview to inspect it
Per team, per widget
Clubs with teams that have their own look.
Team tokens sit over club tokens, so the Blades can keep their green while the club stays navy. A single widget can be overridden for the one page that needs it. When a value is set in more than one place, the most specific one wins.
- Team tokens over club tokens
- Per-widget overrides
- Precedence: the line you paste, then the widget, then the club, then defaults
- 1wins
URL parameters
For one page only, set in the line you paste
- 2then
Per-widget overrides
The sidebar scorers on the home page, say
- 3then
Team tokens
Blades U15 keeps its own colours
- 4then
Club palette
Demo Hockey Club, set once in the studio
- 5last
Defaults
What a widget looks like before you touch it
Where it shows up
Everything a family sees carries the club's look.
Public pages
The club page, team pages, player profiles and the public tournament page, in your palette and type.
Widgets
Every widget on your own website, light or dark, before and after you change a colour.
Emails and receipts
Registration receipts, reminders and schedule-change notices carry the club's look.
Sign-in page
Members who sign in through your club link see your colours, not ours.
Web app
Each club gets its own web-app manifest, so Add to Home Screen shows your crest and colours.
Share cards
The image generated for each game, for social, is in the club's colours too.
Questions about club branding.
Where do the colours come from?
Upload your crest and the studio extracts a palette from it. You can also set each colour by hand, or start from the match-my-site helper if the club already has a website.
Do we have to design a dark version?
No. The light and dark palettes are both generated from the same club colours. A widget can be light, dark, or auto, which follows the visitor's device.
Can one team look different from the club?
Yes. Team tokens sit over club tokens, so a team with its own identity keeps it while the rest of the club follows the club palette. Individual widgets can be overridden too.
Can we remove the HockeyOS mark?
On paid plans, yes. The free plan shows a small Powered by HockeyOS mark on widgets.
The rest of the system
What the club colours are painted on.
The widgets, pages and sheets that carry the palette, and the studio if the club needs a crest first.
Your colours, by Saturday.
Free for one team. No card. Works with the website you already have.