Brand Guidelines

Official assets, colors, and design tokens for the Rypl brand. Download everything you need.

Logo & Icons

Always use the official SVG assets. Do not modify, recolor, or distort.

Logotype — White

Full logotype for dark backgrounds

Logotype — Black

Full logotype for light backgrounds

Icon — White

Square icon, white fill

Icon — Black

Square icon, black fill

Rounded Icon — White

Rounded icon with white background

Rounded Icon — Color

Gradient background (blue → pink)

Rounded Icon — Dark

Dark gradient background

Color Palette

Our colors maintain consistency across all brand touchpoints. Click to copy.

Purple

#593bed

CTA buttons, primary branding

Purple Dark

#402bab

Hover states

Accent Teal

#57ddae

Highlights, links

Accent Blue

#0099ff

Secondary accent

Accent Green

#41c46f

Positive states

Background

#000000

Page background

Foreground

#ffffff

Primary text, headings

Blue Blob

#326cd9

Hero gradient

Pink Blob

#b83d7a

Hero gradient

Typefaces

Two typefaces form our visual language.

Display

CalSans SemiBold

Headings, CTAs, and display text. Local woff2 file.

Aa Bb Cc

The quick brown fox

jumps over the lazy dog

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

0 1 2 3 4 5 6 7 8 9

Body

Inter

Body text, descriptions, UI elements. Google Fonts, variable weight.

Regular 400 — The quick brown fox jumps over the lazy dog

Medium 500 — The quick brown fox jumps over the lazy dog

Semibold 600 — The quick brown fox jumps over the lazy dog

Bold 700 — The quick brown fox jumps over the lazy dog

14px — Body small, captions, labels

16px — Body default, paragraphs

18px — Body large, subtitles

22px — Section subtitles

Download Brand Kit

Get all 7 logo and icon variants in one ZIP file.

Download All (.zip)

All assets are SVG format. Free to use for editorial and promotional purposes.