lorem ipsum dolor,
lorem ipsum dolor.

155cm lorem ipsum dolor sit amet, lorem ipsum / lorem / lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing elit.

COLLECTION ABOUT COHINA

01 / Colors

Color Palette

Brand

Brand Cream

#faf7f2

lorem ipsum

Brand Dark

#121212

lorem ipsum / CTA

Dark Soft

rgba(18,18,18,0.75)

lorem ipsum dolor

Accent

Gold

#f6d579

lorem ipsum dolor sit

Blue

#97c5d9

lorem ipsum dolor

Rose

#ba827e

lorem / lorem

Taupe

#aca59b

lorem ipsum dolor CTA

Neutral

Charcoal

#2c2b2b

Near Black

#181818

lorem ipsum dolor

Slate

#63666f

Brown

#877976

Warm Taupe BG

#d1caba

Surface

Light Gray

#efefef

Light Sage

#eff2f5

Warm Beige

#e8e6da

Muted Slate

#ccced3

Semantic

Danger

#ed2a3e

lorem / lorem

Success

#3a7d44

lorem / lorem ipsum

Warning

#c49000

lorem / lorem ipsum

02 / Typography

Type Hierarchy

Display Heading — H1

Optima / 40px / 400 / line-height: 1.4 / letter-spacing: 0.015emlorem ipsum

Section Heading — H2

Optima / 25px / 400 / line-height: 1.2 / letter-spacing: 0.2emlorem ipsum dolor

Small Heading — H2 small

Optima / 20px / 400 / line-height: 1.2 / letter-spacing: 0.2emlorem ipsum dolor

lorem ipsum — H3 (Noto Sans JP)

Noto Sans JP / 13px / 400 / line-height: 1.7 / letter-spacing: 0.1emlorem ipsum

lorem ipsum dolor — lorem ipsum dolor sit, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. ABCabc 123

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

lorem ipsum dolor Medium — 500 lorem ipsum

Noto Sans JP / 14px / 500 / line-height: 1.5 / letter-spacing: 0.1emlorem / lorem

lorem ipsum dolor — lorem: lorem 55% lorem ipsum 45% / lorem ipsum: XS / S

Noto Sans JP / 12px / 400 / line-height: 1.7 / letter-spacing: 0.1emlorem ipsum dolor

Nav Link — Optima (13px)

Optima / 13px / 400 / letter-spacing: 0.08emlorem ipsum dolor

03 / Product

Product Cards

COHINA

lorem ipsum dolor sit amet

¥12,980(lorem)

XS / S

COHINA

lorem ipsum dolor sit amet

¥9,680(lorem)

XS / S

COHINA

lorem ipsum dolor

¥8,580(lorem)

XS / S

COHINA

lorem ipsum dolor sit amet consectetur

¥29,800(lorem)

XS / S

04 / Buttons

Button Variants

COLLECTION

Primary CTA
radius: 0px / 15px / 400

ABOUT

Secondary Bordered
radius: 5px / 13px / 400

VIEW COLLECTION

Collection CTA
bg: taupe / radius: 5px / 16px

Add to Cart

Cart CTA
radius: 5px / 12px

State

COLLECTION

Hover (opacity: 0.8)

COLLECTION

Disabled (opacity: 0.5)

05 / Cards

Card Components

Spring Collection

2026 Spring Collection

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

View Collection

Styling Guide

lorem ipsum dolor sit amet consectetur

155cm lorem ipsum dolor sit amet consectetur. lorem ipsum dolor, lorem ipsum dolor sit amet.

Size Guide