Vantway

Brand Guidelines

The visual
language

Version 1.0 Issued April 2026
Vantway Internal & partner use

01 — Logo

The mark
and wordmark

The Vantway lockup pairs the angular V mark with the wordmark in Inter Semibold. Use the full lockup wherever space allows; reserve the standalone V mark for tight contexts (avatars, favicons, motion bumpers).

Vantway
Primary · on light
Vantway
Primary · on dark

Clear Space

Maintain padding of at least the cap-height of the wordmark on every side. Do not crowd with adjacent type or imagery.

Minimum Size

Lockup: 90 px / 24 mm wide minimum. V mark alone: 16 px / 6 mm minimum to retain legibility.

Don't

Don't recolor the V outside the brand palette, stretch the lockup, add effects, or place on low-contrast backgrounds.

Vantway · Brand Guidelines v1.0 Page 02 / 06

02 — Color

A confident,
focused palette

Three primary colors carry the brand. A small set of supporting tones extends contrast and depth — use them sparingly and never substitute the primaries.

Primary

Navy
#0A1628
RGB 10 · 22 · 40
Primary dark surface — hero, results, CTA, footer.
Signal Blue
#2D7DD2
RGB 45 · 125 · 210
Primary accent — CTAs, links, eyebrows, hover states.
Off-white
#F7F8FA
RGB 247 · 248 · 250
Primary light surface — page default and bright sections.

Supporting

Slate
#1A3A6B
RGB 26 · 58 · 107
Sky
#A8C8F0
RGB 168 · 200 · 240
Steel
#5A6A82
RGB 90 · 106 · 130
Vantway · Brand Guidelines v1.0 Page 03 / 06

03 — Typography

A serif
with intent

The display family carries every brand statement. The body family carries every word that follows.

DM Serif Display
Display · Regular 400 · Italic 400
Save Time, Save Money, Work Smarter.
We champion business owners.
The data makes the case.

Used for all headlines, large stat numbers, and pull-quotes. Always set with tight letter-spacing (-0.025em to -0.03em) at large sizes and a compressed line-height (1.0–1.2). Italic is reserved for emphasis and is typically paired with Sky #A8C8F0 on dark backgrounds.

Vantway · Brand Guidelines v1.0 Page 04 / 06

03 — Typography (cont.)

Inter for
everything else

Inter handles all body, UI, and label-level type. Generous line-height keeps long-form readable; ALL CAPS eyebrows in Signal Blue anchor each section.

Inter
Body & UI · 300 · 400 · 500 · 600
Aa Vw
Light · 300
Aa Vw
Regular · 400
Aa Vw
Medium · 500
Aa Vw
Semibold · 600

We help businesses integrate technology to spend less, do more, and empower growth without increasing overhead or needing to become tech experts. Body copy uses Inter Regular at 15 px, line-height 1.72, color Steel #5A6A82 on light surfaces.

We champion business owners
Eyebrow · Inter Medium 500 · 11 px · letter-spacing 0.12em · UPPERCASE · Signal Blue
Vantway · Brand Guidelines v1.0 Page 05 / 06

04 — System

Motion, surface,
and voice

Cohesion comes from consistent motion, surface treatment, and tone. These rules apply across web, motion graphics, and any future brand expression.

Motion principles

Animate transform & opacity only

Never animate all, color, or layout properties — they cause jank and feel cheap. Use cubic-bezier(0.16, 1, 0.3, 1) for ease-out, (0.34, 1.56, 0.64, 1) for spring.

Reveal pattern

Elements enter with opacity 0 → 1 and translateY(22px → 0) over ~1.4 s. Stagger groups with 200 ms delays for cinematic pacing.

Surface — Border radius

Buttons
8 px radius
Cards
12 px radius
Tiles
14 px radius
Hero / large
16–18 px radius

Voice

Do
  • Confident, plainspoken, business-owner-first
  • Lead with outcomes, not features
  • Short sentences. Active voice. Specific numbers.
  • Treat the reader as the protagonist
Don't
  • Buzzwords: synergy, leverage, holistic, ecosystem
  • Hedging: maybe, perhaps, might, hopefully
  • Tech jargon without translation
  • Marketing speak that softens the value
Vantway · Brand Guidelines v1.0 Page 06 / 06