Eyewear for Everyone

lorem ipsum dolor sit.

OWNDAYS lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor computed style lorem(2026-05-09 lorem)lorem ipsum, lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

lorem ipsum lorem ipsum lorem ipsum dolor →

Eyewear Image

¥8,980

(lorem ¥9,878)

OW-2024A C1

Eyewear Image

¥12,980

(lorem ¥14,278)

OW-2024B C2

Eyewear Image

¥5,980

(lorem ¥6,578)

OW-2024C C3

01 / Colors

Color Palette

lorem ipsum dolor sit amet consectetur

Brand

Link Blue

#0094c8

lorem ipsum / lorem ipsum dolor / lorem

Gold Badge

#c09411

lorem ipsum dolor / lorem ipsum dolor

Brown Accent

#865928

lorem / lorem ipsum dolor

CTA / Buttons

Dark Gray CTA

#535353

lorem ipsum dolor / lorem ipsum dolor sit

Pagination Active

#d9d9d9

lorem ipsum dolor / lorem ipsum dolor border

Neutral

Black

#000000

lorem / lorem ipsum dolor

Dark Gray

#535353

CTA lorem ipsum

Dark Charcoal

#666666

lorem ipsum dolor / lorem ipsum

Medium Gray

#999999

lorem ipsum dolor / lorem ipsum dolor

Pagination Active

#d9d9d9

lorem ipsum dolor sit amet active

Surface Gray

#f2f2f2

lorem ipsum / lorem ipsum dolor

Warm Beige

#f7f5f4

lorem ipsum dolor sit / lorem ipsum dolor

Light Gray BG

#f8f8f8

lorem ipsum dolor sit amet consectetur

Footer BG

#f4f4f4

lorem ipsum dolor

White

#ffffff

lorem ipsum dolor

Semantic

Danger

#dc2626

lorem / lorem ipsum(lorem)

Success

#16a34a

lorem ipsum dolor / lorem ipsum(lorem)

Warning

#d97706

lorem ipsum(lorem)

02 / Typography

Typography Hierarchy

lorem ipsum(2.0)lorem(0.07em)lorem ipsum dolor sit

EYEWEAR COLLECTION 2024 — Section H2 (EN)

DM Sans 32px / 600 / line-height 1.25 / letter-spacing 0.01emSection

lorem ipsum dolor — Section H2 (JP)

Noto Sans JP 25px / 700 / line-height 1.68Section

lorem ipsum dolor — Service H2

Noto Sans JP 20px / 700 / line-height 2.1Service

Sunglasses — H3

DM Sans 24px / 600 / line-height 1.25 / letter-spacing 0.044emSub-section

Boston Frame — H3 Product Sub

DM Sans 16px / 400 / line-height 1.25 / letter-spacing 0.05emProduct

lorem ipsum dolor — OWNDAYS lorem“lorem ipsum dolor sit”lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum line-height: 2.0 lorem letter-spacing: 0.07em lorem ipsum dolor sit amet consectetur. lorem EC lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing elit.

14px / 400 / line-height 2.0 / letter-spacing 0.07emBody

lorem ipsum — Button Text

14px / 500 / line-height 1.4 / letter-spacing 0.07emButton

lorem ipsum dolor — lorem ipsum dolor

14px / 400 / line-height 2.0 / letter-spacing 0.07em / color #0094c8Link

Caption — lorem ipsum dolor. lorem ipsum＋lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing.

12px / 400 / line-height 2.0 / color #666666Caption

03 / Product

E-commerce Product Cards

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

Eyewear Image

lorem ipsum dolor sit

lorem ipsum lorem ipsum

OW-2024A C1

¥8,980(lorem ¥9,878)

Eyewear Image

lorem ipsum dolor lorem

OW-2024B C2

¥12,980(lorem ¥14,278)

Eyewear Image

lorem ipsum lorem

OW-2024C C3

¥5,980(lorem ¥6,578)

Eyewear Image

lorem ipsum dolor sit

lorem ipsum lorem ipsum

OW-2024D C4

¥9,980(lorem ¥10,978)

lorem ipsum dolor sit →

04 / Article

Content Typography

lorem ipsum dolor sit amet consectetur

About OWNDAYS

lorem ipsum dolor sit.

OWNDAYS lorem, lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing elit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur EC lorem ipsum dolor sit amet.

lorem ipsum dolor sit

lorem 20 lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed, loremlorem ipsum dolor sit amet consectetur adipiscinglorem, lorem ipsum“lorem ipsum dolor sit amet consectetur”lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor:lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore.

※ lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor sit amet consectetur.

05 / Buttons

Button Variations

lorem ipsum dolor sit amet. CTA lorem #535353, lorem ipsum #0094c8

lorem ipsum

Filter — #535353 / radius 10px

lorem ipsum dolor

Action — #535353 / radius 10px

lorem ipsum

Sort — White / border #d9d9d9 / radius 10px

lorem

Sort variant

lorem ipsum dolor →

Text Link — #0094c8

Pagination Dots

8px squares / radius 0px / active #d9d9d9 / inactive transparent + border #d9d9d9

Badges

lorem ipsum dolor sit NEW SALE lorem ipsum

06 / Cards

Card Surfaces

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

White + Border

lorem ipsum dolor sit(#f2f2f2)lorem ipsum. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit.

Warm Beige

lorem ipsum dolor(#f7f5f4)lorem ipsum. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet.

Surface Gray

lorem ipsum dolor(#f2f2f2)lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing.

07 / Forms

Form Elements

lorem ipsum radius 4px. lorem ipsum dolor Link Blue lorem

lorem

Default — border #d9d9d9 / radius 4px / height 44px

lorem ipsum dolor

Focus — border #0094c8 / shadow 3px rgba(0,148,200,0.15)

lorem ipsum

lorem ipsum dolor sit amet consectetur

Error — border #dc2626 / shadow 3px rgba(220,38,38,0.12)

08 / Elevation

Depth & Elevation

lorem ipsum dolor. lorem ipsum dolor sit amet consectetur

Surface Hierarchy (Primary Method)

White

#ffffff — base

Light Gray

#f8f8f8

Warm Beige

#f7f5f4

Surface Gray

#f2f2f2

Box Shadow (Secondary — Hover/Modal only)

Level 0: Flat

shadow: none (default)

Elevation 1

0 2px 8px rgba(0,0,0,0.06) — hover

Elevation 2

0 4px 16px rgba(0,0,0,0.08) — dropdown

Elevation 3

0 8px 32px rgba(0,0,0,0.12) — modal