voryone.ioBRAND GUIDELINES v2.0
Vory One
Brand Kit

Official visual guidelines, assets and usage rules for the Vory One brand.

01 · LOGO

Logo System

Three variants for every context. Always maximise legibility against the background.

HORIZONTAL
White on Black
White on Black
Primary · dark backgrounds
Dark on White
Dark on White
Light background contexts
STACKED
White Stacked
White Stacked
Square formats, app stores
Dark Stacked
Dark Stacked
Light backgrounds, print
LOGOMARK / ICON
Logomark White
Logomark White
Favicon, app icon, dark UI
Logomark Dark
Logomark Dark
Light UI, watermarks
USAGE RULES
Don't stretch or distort
Don't change brand colors
Don't add drop shadows
Don't use on low-contrast backgrounds
Don't outline or add strokes
Don't use unauthorised variants
02 · COLOR

Color Palette

A restrained palette built on contrast. Teal as the singular accent against deep black.

BRAND COLORS
Primary Teal
Primary brand color
Teal Dark
Hover & depth states
Pure Black
Primary background
Near Black
App background
Amber
Accent & highlights
UI SYSTEM
White
On dark backgrounds
Surface
Card backgrounds
Border
Dividers & borders
Muted
Secondary text
CONTRAST RATIOS
#00B3A6 on #000
5.8:1AA ✓
#FFFFFF on #000
21:1AAA ✓
#FFFFFF on #00B3A6
3.0:1AA Large ✓
#6B8080 on #000
4.5:1AA ✓
03 · TYPE

Typography

Sora for all UI and headings. Montserrat for subtitles and body. Anton for social media display.

DISPLAY & HEADINGS
Sora
font-family: 'Sora', sans-serif
weights: 400–900
AaAaAaAaAa
SUBTITLES & BODY
Montserrat
font-family: 'Montserrat', sans-serif
weights: 400–700

The quick brown fox jumps over the lazy dog.

TYPE SCALE
Display
Vory One
64–96px
900
H1
Elite Training
40–56px
800
H2
Section heading
28–36px
700
H3
Sub-heading label
20–24px
700
Body
Readable body copy for interface and content.
14–16px
400
Caption
Metadata labels and supporting information
11–12px
600
04 · EFFECTS

Gradients & Surfaces

Atmospheric depth through layered gradients, glow effects and subtle glass surfaces.

Hero Gradient
Primary CTAs, hero banners
linear-gradient(135deg,#00B3A6,#007A72,#004D47)…
Dark Gradient
Page backgrounds, overlays
linear-gradient(180deg,#000000,#0A0A0A)…
Teal Radial
Atmospheric section accents
radial-gradient(ellipse at 60% 40%,rgba(0,179,166,0.2) …
Glow Surface
Highlighted card states
linear-gradient(145deg,rgba(0,179,166,0.14),rgba(0,179,…
Teal Glow
CTAs and active elements
Card Shadow
Elevated cards on hover
Subtle Lift
Default card depth
05 · SPACE

Spacing & Radius

8px base grid. Generous radii for a soft, premium feel.

SPACING SCALE
xs
4px
sm
8px
md
12px
base
16px
lg
24px
xl
32px
2xl
48px
BORDER RADIUS
Chips & tags
8px
Buttons
12px
Cards
16–20px
Modals
24px
Pills
100px
06 · UI

UI Components

Core interactive elements. Consistent states across all touchpoints.

BUTTON SYSTEM
BADGES & CHIPS
CrossFitPremiumNewFree
Vory One© 2026 Vory One. For internal and partner use only.

This website uses cookies

We use cookies to run the website. With your consent, we use statistics cookies to measure site performance and marketing cookies to measure advertising performance.

    Featured on FoundrList