Free Shipping over $100 I Order by December 13 for Christmas Delivery Free Shipping over $100 I Order by December 13 for Christmas Delivery
New: Save up to 15% with Holiday Kit Exclusives Shop Now New: Save up to 15% with Exclusive Holiday Kits Shop Now

Rhone Style Guide

A collection of project UI elements. Please note that this is only for reference during development and should never be pushed live. It may become outdated or incomplete depending on future revisions.

Colors

white
concrete
cloud
desert-dusk
boulder
slate
kelp
mine-shaft
black

Typography

Fonts

Bebas Neue
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^&*()_+
Apercu (Regular)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^&*()_+
Apercu (Medium)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^&*()_+
Apercu (Bold)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^&*()_+

Headings

H1 - Bebas Neue

H2 - Bebas Neue

H3 - Bebas Neue

H4 - Bebas Neue

H5 - Apercu Bold

Paragraphs

P1 - Apercu Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

P2 - Apercu Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

P3 - Apercu Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Buttons

.btn .btn--primary

.btn--mobile

.btn--small

.btn .btn--primary--alt

.btn--mobile

.btn--small

.btn .btn--secondary

.btn--mobile

.btn--small

.btn .btn--secondary--alt

.btn--mobile

.btn--small

PDP UI Testing

Links

Select

Input field

UI Elements

Checkbox

Color Swatch

Variant Selector

28
30
32

Radio Button

Misc UI

Review Stars

Carousel Progress Bar

Carousel Arrows

Pagination

1
2
3
4

Social media buttons

Logos

Icons

Image Tile Grid Tall

OUR SUSTAINABLE MATERIALS

"We are proud to use sustainable materials lorem ipsum dolor sit unum the very best"


Image Tile Grid SQUARE


Image Tile Grid FULL

OUR SUSTAINABLE MATERIALS

"We are proud to use sustainable materials lorem ipsum dolor sit unum the very best"

Product Card

Standard

Hidden Variants

Product Stack

Restocked

Sale

Sustainable

Product Card Grid

The Pursuit Journal

Real Stories With A purpose

"A deep dive into topics that move us\nand the people who make it happen."

Button