Design System

Style Guide

The colours, type styles and buttons that make up Ridgeline. Update them once in Assets and every page follows.

Colours

Background/Base

#0E0F11

Background/Deep

#090A0B

Background/Light

#F5F6F1

Background/White

#FFFFFF

Background/Widget

#F2F2EE

Accent/Lime

#BCEB3B

Accent/Forest

#3E6610

Accent/Sage

#D6DDC6

Text/Body

#B1B1B1

Text/Muted

#696A6C

Line/On Dark

#FFFFFF · 10%

Line/On Light

#0E0F11 · 10%

Typography

Heading 1

Grow with intent

Heading 2

Strategies built for growth

Heading 3

A system that compounds

Heading 4

Clear offers win better clients

Heading 5

Pipeline systems

Heading 6

Understand before we build

Body Large

We connect strategy, positioning and measurement into one framework designed around your business.

Body

Most agencies grow on word of mouth until it suddenly stops.

Body Small

Average deal size, last quarter

Caption

Selected Work

Label

Leads

Link

View case study

Button

Start Conversation

Create a free website with Framer, the website builder loved by startups, designers and agencies.