Design System Preview

ROYCE' — lorem ipsum

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

01 / Colors

Colors

lorem ipsum dolor

Brand

Brand Navy

#1e2678

lorem ipsum dolor

Navy Light

#32327f

lorem ipsum dolor

Text

Text Primary

#000000

lorem ipsum dolor

Text Secondary

#454545

lorem / lorem

Text Muted

#8f93bc

lorem ipsum dolor

Surface & Background

Page BG

#ffffff

lorem ipsum

Nav BG

#e4eef8

lorem ipsum

Footer BG

#1e2678

lorem ipsum

Tag BG

#bbbbbb

lorem / lorem

Border

#cfcfcf

lorem ipsum

02 / Typography — lorem

Typography

lorem ipsum dolor sit

Topics

tangerineregular / 64px / 400 / line-height: 1.6 / color: #1e2678lorem ipsum dolor sit amet

lorem ipsum — lorem ipsum dolor sit amet

15px / 400 / line-height: 1.6 / color: #1e2678lorem ipsum dolor

lorem ipsum — Heading 3

15px / 700 / line-height: 1.6 / color: #1e2678lorem ipsum

lorem ipsum dolor sit amet — lorem

18px / 400 / line-height: 1.6 / color: #1e2678lorem ipsum

lorem ipsum dolor — lorem ipsum 1983 lorem ipsum dolor sit amet consectetur adipiscing elit. “lorem ipsum dolor sit amet”lorem“lorem ipsum dolor”lorem ipsum dolor.

13px / 400 / line-height: 1.6lorem

¥1,188

24px / 400 / line-height: 1.6 / color: #454545lorem

lorem ipsum dolor sit — Brand Page

22px / 400 / line-height: 1.4 / lorem ipsum dolorlorem ipsum dolor

12px / 400 / line-height: 1.4 / color: #8f93bclorem ipsum

03 / Product — lorem ipsum

Products

lorem ipsum dolor

Chocolate

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.

04 / Tags & Pills

lorem ipsum dolor[lorem]

¥864

(lorem)

loremﾟlorem ipsumﾟlorem ipsumｰlorem[loremﾞlorem]

¥864

(lorem)

lorem ipsum dolor sit amet

¥1,188

(lorem)

lorem ipsum dolor[lorem ipsum dolor]

¥972

(lorem)