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 serve personalized ads and content. By clicking Accept you're accepting our usage of cookies. Privacy Policy

You may opt out of sale of your personal information by clicking the Decline button.