Cart
${ cartError }

Pattern Library

The Royale Safari The Royale Safari The Royale Shearling The Royale Shearling The Royale Knit After Hours The Royale Knit After Hours The Royale Suede The Royale Suede The Royale Denim The Royale Denim The Royale Remix The Royale Remix

🎨 Palette

Primary

Primary
#141415

Secondary
#FFFFFF

Tertiary
#38A38A

Black & White

Black
#141415

White
#FFFFFF

Tints & Shades

Black 00
#141415

Black 01
#141415

Black 02
#141415

Black 03
#141415

Black 04
#141415

Black 05
#141415

Black 06
#141415

Black 07
#141415

Black 08
#141415

System

Success
#38A38A

Error
#E65A5A

Focus
#49D2E3

📰 Type

Scale

XXXL
Lorem
XXL
Lorem ipsum
XL
Lorem ipsum dolor
L
Lorem ipsum dolor sit
M
Lorem ipsum dolor sit amet
P
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis modi, voluptate temporibus, voluptas dicta quibusdam iste dolores repudiandae aperiam tenetur, delectus laborum nobis nostrum consectetur error perspiciatis. Cum laudantium velit provident veritatis corrupti reiciendis iure, architecto ab perferendis, laboriosam voluptatum minima vero.
CTA
Lorem Ipsum
S
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis modi, voluptate temporibus, voluptas dicta quibusdam iste dolores repudiandae aperiam tenetur, delectus laborum nobis nostrum consectetur error perspiciatis. Cum laudantium velit provident veritatis corrupti reiciendis iure, architecto ab perferendis, laboriosam voluptatum minima vero.
XS
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis modi, voluptate temporibus, voluptas dicta quibusdam iste dolores repudiandae aperiam tenetur, delectus laborum nobis nostrum consectetur error perspiciatis. Cum laudantium velit provident veritatis corrupti reiciendis iure, architecto ab perferendis, laboriosam voluptatum minima vero.

Style

h1

Lorem ipsum

h2

Lorem ipsum dolor

h3

Lorem ipsum dolor sit

h4

Lorem ipsum dolor sit amet

p

Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis modi, voluptate temporibus, voluptas dicta quibusdam iste dolores repudiandae aperiam tenetur, delectus laborum nobis nostrum consectetur error perspiciatis. Cum laudantium velit provident veritatis corrupti reiciendis iure, architecto ab perferendis, laboriosam voluptatum minima vero.

b
Lorem ipsum dolor
i
Lorem ipsum dolor
u
Lorem ipsum dolor
s
Lorem ipsum dolor
  • ul
  • Lorem ipsum
  • Dolor sit
  • Amet consectetur
  1. ol
  1. Lorem ipsum
  2. Dolor sit
  3. Amet consectetur

👽 Vertical Spacing

Responsive

XXXXL

XXXL

XXL

XL

L

M

S

XS

XXS

XXXS

XXXXS

Utility

5

10

15

20

25

30

35

40

45

50

75

🐁 Clickables

Contained

Uncontained

Icon

Swatch

Tab

Pill

Chip

🎛 Inputs

Text

Email Signup

Radio

Checkboxes

Size Dropdown

Rounded Select Dropdown

📍 Position Indicators

Scrollbar

Slider Pagination

Numeric Pagination

This website uses cookies to ensure you get the best experience on our website. Learn More