WePari
Brandbook

WePari brandbook

A practical guide for using the WePari identity consistently across websites, partner materials, presentations and campaign assets.

Brand assets

Brandbook materials from the old site

Logo samples, cobranding layouts, color blocks, typography boards and patterns for consistent WePari communication across partner materials.

WePari logo sample 1
WePari logo sample 2
WePari logo sample 3
WePari logo sample 4
WePari logo sample 5
WePari logo rule 1
WePari logo rule 2
WePari logo rule 3
WePari logo rule 4
WePari logo rule 5
WePari logo rule 6
WePari brandbook cover mark
Cover mark
WePari cobranding rules
Cobranding
WePari brand color guide
Color guide
WePari typography guide
Typography guide
WePari title style guide
Title style
WePari body text style guide
Body text style
WePari typography scale guide
Typography scale
WePari brand patterns
Patterns
WePari banner example 1
Banner example 1
WePari banner example 2
Banner example 2
WePari banner example 3
Banner example 3
WePari

The logo is the primary brand identifier. Keep it isolated from dense UI, third-party marks and promotional text so it remains readable at every size.

Logo system

Use the approved SVG logo in digital interfaces and the print-ready PDF files for offline materials. Minimum digital width should stay above 120px for partner pages and 90px for compact headers.

Clear space
1x W
Minimum width
120px

Do

  • Use the original logo file without changing proportions.
  • Keep clear space around the mark equal to the height of the W letter.
  • Use the white logo on dark or high-contrast brand backgrounds.
  • Use only approved brand colors for nearby graphic elements.

Do not

  • Do not stretch, rotate, crop or redraw the logo.
  • Do not place the logo on noisy imagery without contrast control.
  • Do not add outlines, shadows, bevels or extra effects to the mark.
  • Do not recolor the logo outside the approved brand palette.
Color

Core palette

The current site tokens define the brand palette. Use red for priority actions and key emphasis, blue for product depth and partner-platform surfaces, and black for the main stage.

Black
#000000
Red
#ff143f
Blue
#1d33f2
Surface
#1a1b1f
Light
#e2e2e2
Muted
#8a8a8a
Gradient

Approved depth fields

Primary action

Use for focused CTA zones and active campaign moments.

Blue product field

Use for partner dashboard, analytics and platform surfaces.

Hero depth

Use for page introductions and brand-first screens.

Typography

Type system

The current website uses Actay Wide for high-impact headings and Roboto for body copy, UI labels and forms.

Display
Actay Wide

Use for page titles, section headers, numeric highlights and campaign headlines.

Body
Roboto

Use for readable paragraphs, forms, navigation, captions and operational text.

Assets

Brand elements

Use graphic shapes as supporting elements, never as replacements for the logo. Campaign compositions should keep enough empty space for CTA and partner copy.

WePari logo
Core logo
WePari since 2024 badge
Brand badge
Blue WePari graphic shape
Blue graphic shape
Red WePari graphic shape
Red graphic shape
Download

Full brand guide

The PDF guide includes the source logo rules and extended visual examples from the original WePari brand materials.

Open PDF