top of page

Identity

Identity

Principles

Principles

System

System

Application

Application

Design
System

The 2Paths design system defines how the brand looks, communicates, and stays consistent across digital and print assets.

This page outlines the core identity (logo, color, typography), the principles that guide design decisions, and the system rules used to apply them. Together, these elements create a clear, repeatable foundation for building and scaling the brand.

Identity

Identity

Principles

Principles

System

System

Application

Application

Logotype
2Paths Logotype_Color-2026.png

Primary Logo, 2026

Monochrome Logo, 2026

2Paths AltLogotype_Color-2026.png

Alternate Logo, 2026

Symbol
2Paths Symbol - 2026.png
Monogram
Typography

Oswald

Designed in 2011 by Vernon Adams

Roboto

Designed in 2011 by Christian Robertson

Color

Black

Hex #000000

RGB 0, 0, 0

CMYK 0, 0, 0, 100

Steel Grey

Hex #3E3E3E

RGB 62, 62, 62

CMYK 0, 0, 38, 38

White Slate

Hex #F6F6F6

RGB 246, 246, 246

CMYK 0, 0, 0, 4

2Paths Green

Hex #BAFA4A

RGB 186, 250, 74

CMYK 26, 0, 70, 2

Midline Grey

Hex #B9B9B9

RGB 185, 185, 185

CMYK 0, 0, 0, 27

The 2Paths brand is defined by
three core principles

storytelling

connection

High contrast improves visibility

performance

visibility

high contrast

geometric lines

Clear language creates connection 

innovation

Consistent structure reduces cognitive load

clear language

How to actually use it
  • Logo usage

    • When to use each version

    • Clear space, sizing

  • Typography system

    • Heading vs body rules

  • Color usage

    • Primary vs accent balance

  • Layout logic

    • Spacing, grids, alignment

  • Component patterns (if applicable)

    • Buttons, sections, cards (especially since you coded it)

bottom of page