lorem ipsum dolor, lorem

lorem ipsum dolor lorem ipsum dolor

SHIRO(shiro-shiro.jp)lorem ipsum dolor sit amet consectetur adipiscing. Noto Sans JP lorem ipsum dolor sit amet consectetur, font-feature-settings: "palt" lorem ipsum dolor, letter-spacing lorem(0.25em / 0.1em / 0.05em), lorem ipsum dolor #000030 lorem ipsum dolor sit, radius 3px lorem micro-rounded CTA. computed style lorem ipsum dolor.

lorem ipsum lorem ipsum

01 / COLORS

lorem ipsum dolor

Color Palette

lorem ipsum

Brand Navy

#000030

CTA / lorem / lorem ipsum dolor

Brand Navy Dark

#000021

Cookie consent lorem / lorem ipsum dolor

lorem ipsum

Text Primary

#393c41

lorem ipsum dolor

Text Secondary

#949494

lorem ipsum / LIMITED lorem ipsum

Text Tertiary

#888888

h5 lorem / lorem ipsum dolor

Text on Dark

#ffffff

lorem ipsum dolor sit amet consectetur

lorem ipsum

Surface White

#ffffff

lorem ipsum

Surface Dark

#000030

CTA / lorem ipsum dolor

Surface Cookie Bar

#000021

Cookie consent lorem

Overlay

rgba(0,16,14,.12)

lorem ipsum / lorem ipsum dolor

lorem ipsum dolor

Badge Gray

#949494

LIMITED lorem ipsum

02 / TYPOGRAPHY

lorem ipsum dolor

Typography -- Noto Sans JP lorem ipsum dolor sit / palt lorem ipsum dolor

lorem ipsum dolor lorem ipsum dolor

Noto Sans JP / 26px / 400 / line-height: 1.4 / letter-spacing: 1.4pxHeading 1 (c-title02)

SHIRO BEAUTY

Noto Sans JP / 22px / 400 / line-height: 1.5 / letter-spacing: 0.05emHeading 3 (brand info)

lorem

Noto Sans JP / 14px / 400 / line-height: 1.5 / letter-spacing: 0.25emSection Title (c-title01)

SHIRO BEAUTY

Noto Sans JP / 14px / 400 / line-height: 1.5 / letter-spacing: 0.05emHeading 3 EN (brand info)

lorem ipsum

Noto Sans JP / 14px / 700 / line-height: 1.5 / letter-spacing: 0.1em / color: #949494Nav Heading

lorem ipsum dolor

Noto Sans JP / 12px / 700 / line-height: 1.5 / letter-spacing: 1.4pxNav Title

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

Noto Sans JP / 14px / 400 / line-height: 1.5 / letter-spacing: 0.1emBody

lorem lorem ipsum dolor

Noto Sans JP / 14px / 400 / line-height: 1.4 / letter-spacing: 1.4pxProduct Name

lorem ipsum dolor

Noto Sans JP / 16px / 500 / line-height: 1.5 / letter-spacing: 1.4pxSearch Modal

lorem ipsum: lorem ipsum dolor sit amet

Noto Sans JP / 12px / 400 / line-height: 1.5 / letter-spacing: 1.4pxBrand Banner

lorem 200mL

Noto Sans JP / 12px / 700 / line-height: 1.5 / letter-spacing: 1.4px / color: #888888Label (h5)

03 / PRODUCT

lorem ipsum

Product Page Sample

lorem ipsum dolor

lorem ipsum dolor lorem ipsum dolor

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

lorem ipsum dolor

lorem ipsum

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

lorem ipsum dolor lorem ipsum

04 / BUTTONS

lorem

Buttons -- radius 3px micro-rounded / weight 400

lorem ipsum dolor

Primary / filled #000030 / radius 3px / 400

lorem ipsum

Secondary / outline / radius 3px / 400

lorem ipsum

Text Link / border-bottom / 400

LIMITED

Badge / #949494 / 700

lorem ipsum

lorem / lorem + #000030 lorem ipsum

lorem ipsum

Text Link / white / border-bottom

05 / CARDS

lorem ipsum

Product Cards -- shadow lorem / radius 0 / lorem ipsum

Product Image

LIMITED

lorem ipsum dolor