Style Guide
The Brand Anchor

Brand Colours

Yellow is the brand anchor – every touchpoint must have yellow present. Charcoal replaces black for all dark backgrounds. Never substitute the yellow with gold, mustard, or orange.

WASZP Yellow
Primary · Hero Colour · Brand Anchor
#FFC107
RGB 255 · 193 · 7
Charcoal
#1A1E2A
RGB 26 · 30 · 42
Primary dark background – nav, hero, dark sections
Charcoal 2
#242836
RGB 36 · 40 · 54
Elevated surfaces – cards, panels on dark
Light Grey
#F2F3F5
RGB 242 · 243 · 245
Light section background – alternating page rhythm
Grey
#6B7280
RGB 107 · 114 · 128
Secondary text, captions, muted labels
Status & Alert Colours
Success Green
#22C55E
RGB 34 · 197 · 94
Entry confirmed, race start, positive status
Warning Orange
#F97316
RGB 249 · 115 · 22
Registration closing, deadline approaching
Alert Red
#EF4444
RGB 239 · 68 · 68
Race cancelled, protest, critical system alert
Deep Black
#0D0F17
RGB 13 · 15 · 23
Footer, maximum contrast backgrounds
One Mark. One Class.

Logos & Marks

Three logo formats cover every application. The shield badge mark is the primary icon. The wordmark is the default for digital and print. The wide secondary lockup is reserved for boat graphics and event signage.

Shield Badge Mark
On Charcoal
On Yellow
On White
On Light Grey

Use the shield mark as a standalone icon. Minimum digital size 32 px. Never distort, recolour, or remove the internal letterforms.

Icon Mark
WASZP Icon – On Charcoal
On Charcoal
WASZP Icon – On White
On White
WASZP Icon – On Yellow
On Yellow

Use the icon mark for app icons, social avatars, and brand moments where the full wordmark isn't practical. Minimum digital size 48 px. Never recolour.

Primary Wordmark
Yellow on Charcoal – Primary
Black on White
White on Charcoal

Yellow on charcoal is the primary brand expression. Use black on white or light backgrounds; white on dark or photographic backgrounds where yellow contrast is insufficient.

Secondary Lockup – Boat & Signage
Yellow on Charcoal – Primary
White on Charcoal
Black on White

Wide-format lockup for boat hull graphics, banners, and large-format signage. Not for digital UI. Minimum print size 60 mm wide.

Clearspace – Exclusion Zone
WASZP
x
x
x
x

Maintain a clear zone equal to the cap-height of the wordmark on all four sides. No other graphic elements, text, or photography may enter this zone. On photographic backgrounds, always use a dark scrim to ensure legibility.

Logo Misuse – Never Do This
WASZP
Don't skew or distort
WASZP
Don't use yellow on yellow
WASZP
Don't recolour the logo
WASZP
Don't use at low opacity
WASZP
Don't rotate
WASZP
Don't add outlines or shadows
Type System

Typography

Display · Mirano Extended 900 Hero · Campaign · Slides

Extended bold letterforms – the brand's loudest voice. Use for hero headings, campaign titles, and presentation covers. 12 weights available.

FOILING FOR EVERYONE
Heading · Gotham Nights 700 H2 / H3 / UI Titles

4 weights including italic. Sub-headings, section titles, card headings, and navigation elements.

It's not just a boat.
Body · Poppins 400 — Google Fonts Body · Labels · UI · Buttons

Warm geometric sans-serif, clean and legible at all sizes. Base font for all digital touchpoints. Always available via Google Fonts.

Fast, furious and foiling for everyone.
Sail Numbers · Sail Numbers · Race Graphics Only

Official class sail number font. Used exclusively for sail number graphics. Never for body copy or UI.

AUS 2000
Type Scale
Display / H1Mirano Extended 900 · 64–128px · uppercase
WASZP
H2 Section TitleGotham Nights 700 · 32–48px · uppercase
Foiling for Everyone
H3 Card HeadingMirano Extended 800 · 20–28px · uppercase
Race Day Results
Body LargePoppins 400 · 18px · 1.75 leading
Fast, furious and foiling for everyone.
Body DefaultPoppins 400 · 15–17px · 1.65 leading
Race recaps, article body copy, product descriptions and general UI text.
Label / EyebrowPoppins 700 · 11–13px · 0.14em tracking · uppercase
Type System
Caption / MetaPoppins 400 · 11–12px · colour: grey
Photography · WASZP Class · waszp.com
Built for Speed

Surface & Space

Three background types create page rhythm – dark charcoal, light grey, and brand yellow. Alternate between dark and light sections to keep pages breathable. Reserve yellow sections for high-impact CTA moments and campaign highlights. Never use plain black.

#1A1E2A · RGB 26 · 30 · 42
Dark
Hero, nav, photography, footer. Primary brand surface.
#F2F3F5 · RGB 242 · 243 · 245
Light
Content sections, alternating rhythm. Keeps pages breathable.
#FFC107 · RGB 255 · 193 · 7
Yellow
CTA blocks, campaign moments, PPT accent slides.
Fast. Furious. Fun.

Call to Action

Poppins bold, all-caps. Yellow is the primary CTA – "Buy a WASZP" on the live site. Outline white for secondary on dark. Never use grey as a primary action colour.

On light surface
On dark surface
Race Day Ready

Badges & Alerts

Badges use Poppins bold, all-caps. Yellow is the primary status indicator. Alerts use a left-border accent to communicate state at a glance.

One Design Racing Registered Youth Class Foiling
★
Registration Open

2026 World Championships registration closes 30 April.

✓
Entry Confirmed

Your entry for the 2026 Nationals has been received.

⚠
Measurement Due

Your boat is overdue for class measurement before the next event.

✕
Entry Rejected

Sail number not found in the class register. Contact your association.

Tell the Story

Content Cards

Titles in Mirano Extended bold, all-caps. Category eyebrows in yellow Poppins. Lead with high-energy photography. Never use generic stock imagery.

WASZP foiling action
Events
2026 World Championships
Sailors from 30+ nations descend on Pensacola for the biggest event on the WASZP calendar.
WASZP race start
Getting Started
Your First Foiling Session
Tips, technique, and what to expect on your first flight. Get on the water faster.
WASZP Norway racing
RaceHub
Your Global Ranking
Track results, follow rivals, and see where you sit in the global fleet.
The WASZP Makes Great Foilers

Product Imagery

Always lead with action and authenticity. Boats foiling, sailors competing, fleets at race – never staged, never generic stock. Focus on the fun sailors are having, the location, the community, and the vivid colours of the WASZP. Prioritise photos that capture real moments, real emotion, and real places. Always try to use photos of sailors wearing helmets.

WASZP foiling close action
WASZP Norway coastline racing
WASZP international fleet start
WASZP international fleet racing
Photography · WASZP Class · waszp.com · Use only official class photography in brand communications
Writing Style

Brand Voice

WASZP communicates like a brand that is confident without being arrogant, energetic without being exhausting, and technical without being exclusive. Write like you're talking to someone who loves sailing and wants more of it – not someone who needs to be sold to.

Core Principles
Fast, Furious & Fun. This is the WASZP in three words. It is the lens through which all brand decisions should be made – from product design to event programming to social content. If something doesn't feel fast, furious, or fun, it probably doesn't belong.
Direct, warm, and full of momentum. Short sentences. Active verbs. Real language. The brand voice is not a boardroom voice – it belongs on a start line.
Foiling for everyone. The WASZP is accessible, not exclusive. Never make foiling feel out of reach. The brand reflects the aspiration of the many, not the achievement of the few.
The boat speaks for itself. Do not position the WASZP against other classes in a way that sounds defensive or combative. Avoid the arms race framing entirely.
Language
Use freely
fly · fast · fun · accessible · community · foiling · one-design · racing · experience · everyone · smiles · innovation
Use sparingly
historic · groundbreaking · revolutionary · game-changing
Never use
elite · complex · exclusive · premium (as a quality substitute) · jargon that excludes newcomers · anything that makes foiling feel out of reach
Do / Don't
✗ Don't
"We are thrilled to share that registration for the 2026 WASZP World Championships is now open. This is an exciting opportunity for sailors from around the world."
✓ Do
"Worlds registration is open. Pensacola. 2026. Are you in?"
✗ Don't
"The WASZP_X offers young sailors a unique and accessible pathway into the exciting world of foiling at a competitive price point."
✓ Do
"The WASZP_X. Built for juniors who are ready to fly. Same DNA. Scaled for the next generation."
Formatting Rules
Australian English. organise, recognise, colour, favourite – always. No exceptions for international markets.
WASZP in full caps. Always. WASZP_X uses an underscore – never a space or hyphen.
Athlete mentions. First mention: full name and nationality in brackets – Pearl Lattanzi (USA). Subsequent mentions: surname only.
Numbers. Spell out one to nine. Numerals for 10 and above, and always for speeds, weights, distances, prices, and scores.
The brand test. Does this feel like something that would make a sailor say "wow, that's a WASZP"? If not, rework it.
Inclusive Design

Accessibility

All digital touchpoints must meet WCAG 2.1 AA as a minimum. The WASZP brand's strong contrast between yellow, charcoal, and white naturally supports accessible design – maintain it.

WASZP Yellow
#FFC107 on #1A1E2A
AAA 9.4:1
White Text
#FFFFFF on #1A1E2A
AAA 13.6:1
Dark on White
#1A1E2A on #FFFFFF
AAA 13.6:1
Dark on Yellow
#1A1E2A on #FFC107
AA 4.8:1
White on Yellow
#FFFFFF on #FFC107
Fail 1.9:1
Grey on Light
#6B7280 on #F2F3F5
AA 4.6:1

Never use white text on yellow – it fails contrast at 1.9:1. Always use charcoal (#1A1E2A) on yellow backgrounds. Minimum touch target size is 44×44px for all interactive elements.