Internal reference · v1.0
Vyner design system
Logo
Use the original V asset only — no redraws, shadows, outlines, or effects. Keep clear space equal to half the V's height.
Color
#0E2A47
Navy
Navigation, headings, footer
#F97316
Orange
Primary actions, accents
#2B6CB0
Blue
Secondary / info
#F8FAFC
Off White
Backgrounds
#E5E7EB
Light Gray
Surfaces, borders
#1F2937
Charcoal
Body text
Balance guide: ~55% white/off-white · 25% navy · 15% orange · 5% blue.
Typography
Aa
Bebas Neue
Hero & campaign headlines only. Never paragraphs, forms, or data.
Aa
Inter
Body, navigation, forms, tables, dashboards.
Aa
Montserrat
Buttons, card headings, section labels.
More than camps. Brighter futures.
Card heading · 20–26px
Body text · 16–18px Inter for readable descriptions.
Supporting label · 12–14px
Buttons & links
Forms
Status indicators
Card
Golf · Day camp
Sample camp card
Boulder, CO · Ages 8–14
8–12px corners, subtle borders, modest shadows. Motion 150–250ms; none in registration or admin workflows.