Design system · brand/decisions.md
Partner page styleguide
Every building block the Oregon Surf pages use. Straight edges, weight-split headlines, thin line icons, and a status chip with a slow live pulse.
Headlines · Archivo 125% width · 900 and 230
Display size
Heading one page hero
Heading two section title
Heading three small moments
Label heading
Lead paragraph for section intros, kept under 60 characters per line.
Body copy in Archivo, used for supporting detail.
Small print and captions.
Color
- SMC black
#000000 - Near black
#0B0F10 - SMC cyan
#00B7DB - Slate
#4C5A5D - Steel
#AAB2B5 - Light ground
#F2F4F4
Text on cyan is always black. White on cyan fails contrast.
Line icons · 24px grid · one cyan stroke
setbackcallplancomebackmentalnutritionstrengthshieldclipboardlink
Icons and type on light
setbackcallplancomeback
Light section
Unconfirmed facts are wrapped like this: safe fallback copy.
Photography · black and white
Interview placeholder
Sheryl W.Youth athlete parent, AYG
“Most families don't even know this kind of help exists, and now we can't imagine going without it.”
Family version preview
×
×Live for Barcelona Soccer Excellence families
Player hurt?Call your sports medicine team
An expert calls you back in under 5 minutes with a plan.
Call the team- How it works
- When to call
- Additional training
- Common questions
- Coaches