Logo
The platform's own logo. On a club's surface their logo owns the header — 1club appears only in the footer.
Downloads
The wordmark
Pass `size` — never width or height utilities. The width follows the 153:50 ratio on its own.
size="xsmall"
1rem / 16px
size="small"
1.25rem / 20px
size="medium"
1.5rem / 24px
size="large"
1.875rem / 30px
large (30px) is the ceiling. There is no hero size — anything bigger needs a change to the component.
The mark
The favicon and the avatar. In product UI it takes the spots where the wordmark cannot fit — a collapsed sidebar, an app icon.
xsmall
1rem / 16px
small
1.25rem / 20px
medium
1.5rem / 24px
large
1.875rem / 30px
Colour
Theme-aware on its own — dark on light, light on dark. It does not follow the text colour around it.
On the page — follows the theme
On a dark surface — needs the portal’s override
Brand-coloured — same override
text-* on the wrapper does not recolour it — .brand-logo-svg pins color in unlayered CSS, which outranks every utility. Product code cannot recolour the logo today.
Powered by 1club
How the platform is credited on a club's own surface. Footer only, small and quiet.