MT

01. Typography

Fonts

Aa Zz

Century Gothic Pro Regular

Aa Zz

Century Gothic Pro Bold

Aa Zz

Binner

DESKTOP > 1024 / TABLET + MOBILE (<1024px)

Century Gothic Pro Regular and Binner DropCap

I’m a Luxury


Century Gothic Pro Regular and Binner DropCap

Bow Belle


Freehand 575 BT

Add to bag


Century Gothic Pro Bold

$250


Century Gothic Pro Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut magna urna. Vivamus vel magna dignissim ligula eleifend condimentum nec eget mauris. Suspendisse ac quam eleifend urna viverra posuere sodales in ligula. This is a link Nulla placerat sagittis tempor. Nunc finibus, sem vel accumsan lobortis, augue libero molestie leo, eu sagittis quam dolor quis dolor. Praesent volutpat neque sed rhoncus pharetra. Maecenas ac nisi fringilla, viverra elit quis, sodales arcu.

  • This is
  • an “unordered”
  • or bulleted
  • list
  1. This is
  2. an “ordered”
  3. or numbered
  4. list

RICH TEXT EDITOR SPECIFIC STYLES [STANDARD PAGE]

BINNER

This is a Heading 1 in the rich text editor — this is for Titles

BINNER

This is a Heading 2 in the rich text editor — this is for internal section breaks

02 – Colors

Fills

BLACK

WHITE

TAN

BLUE

GREEN

YELLOW

DIVIDERS / LINES


Divider Line 10% #000 with triangles at end

Typography

Black is the main text color for the majority of typography.

Error Red is used for error messages on forms and fields

Green is used for Rich Text Editor primary links

Black is used for standard links


03. UI Elements

PRIMARY BTN

Shop Now

PRIMARY BTN CONTAINER SIZE


TEXT LINK

Is your size sold out? Email me when in stock


SIZE VARIANT

Default State

Soldout State

Active State


Forms

INPUT FIELD


Checkbox


Radio Button


DROPDOWN

AMBIENT VIDEO CONTROLS


INDICATORS

FOOTER EMAIL SIGNUP


Default state

Success state


Close

Product card with vue