Design System Preview: Lemnos (lorem ipsum dolor)

01 / Colors

lorem ipsum dolor

Primary (Warm Gray)

Dark Gray

#333333

lorem ipsum / lorem ipsum dolor

Footer Nav

#444444

lorem ipsum dolor

Footer Dark

#545454

lorem ipsum dolor sit

Semantic

Alert Red

#bb4c4c

lorem ipsum dolor sit(lorem ipsum dolor)

Neutral

Text Primary

#333333

lorem / lorem(lorem ipsum dolor)

Text Secondary

#828282

lorem ipsum dolor / lorem ipsum dolor

Text Light

#b5b5b5

lorem ipsum dolor

Border

#d9d9d9

lorem ipsum / lorem ipsum

Background

#ffffff

lorem ipsum

Surface

Surface Footer

#545454

lorem ipsum dolor

Surface Footer Nav

#444444

lorem ipsum dolor sit amet

02 / Typography

lorem ipsum dolor sit

lorem ipsum, lorem ipsum dolor — Hero Copy

Zen Kaku Gothic New (alt: DNP Shuei Gothic Kin) / 32px / 700 / line-height: 1.0 / letter-spacing: 0.15emHero

lorem ipsum dolor — Section Heading

30px / 700 / line-height: 1.5 / letter-spacing: 0.1emheading-sec

Sub Heading — English

Josefin Sans (alt: bilo) / 26px / 700 / line-height: 1.5 / letter-spacing: 0.1emEN Heading

lorem ipsum — Sub Heading (JP)

22px / 700 / line-height: 1.5 / letter-spacing: 0.1em

lorem ipsum dolor — Sub Title

20px / 700 / line-height: 1.8 / letter-spacing: 0.03emsub-tit

lorem ipsum dolor — lorem ipsum dolor sit amet consectetur. line-height: 2.0 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing. letter-spacing: 0.03em lorem ipsum dolor sit amet consectetur adipiscing.

16px / 400 / line-height: 2.0 / letter-spacing: 0.03emBody

lorem ipsum dolor sit — lorem ipsum dolor sit amet. line-height: 1.857 lorem ipsum dolor sit amet. Detail (14px)

14px / 400 / line-height: 1.857 / letter-spacing: 0.03em / color: Text Secondarytxt

Navigation Label

Josefin Sans (alt: bilo) / 18px / 700 / line-height: 1.6Nav

2026.05.09

Josefin Sans (alt: bilo) / 12px / 700 / line-height: 1.35Date

EN JP

Josefin Sans (alt: bilo) / 12px / 700 / radius: 10pxLang Switcher

03 / Product — Clock Showcase

lorem ipsum dolor sit

2026.05.09

RIKI CLOCK

lorem lorem

¥11,000 (tax incl.)

2026.05.09

CARVED

lorem lorem

¥9,900 (tax incl.)

2026.05.09

EDGE CLOCK

AZUMI design

¥7,700 (tax incl.)

lorem ipsum dolor sit

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

lorem: lorem / lorem: 254mm / lorem ipsum dolor: lorem ipsum / lorem ipsum 1 lorem

04 / Buttons

lorem ipsum dolor sit

EN

Lang Switcher (pill r:10px)

ONLINE SHOP

Side Panel (r:10px)

Menu (circular r:50%)

Footer Link

lorem ipsum

Outline (r:10px)

lorem ipsum dolor

Alert (#bb4c4c)

05 / Cards

lorem ipsum dolor sit

CLOCK

RIKI CLOCK RC

lorem lorem / lorem ipsum dolor

¥16,500

CLOCK

CARVED II

lorem lorem / lorem ipsum dolor

¥9,900

CLOCK

DROPS DRAW THE EXISTANCE

nendo / lorem ipsum dolor

¥13,200

* lorem ipsum dolor. lorem + lorem ipsum dolor sit amet. lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor.

06 / Forms

lorem ipsum dolor

lorem

lorem ipsum — border: #d9d9d9, radius: 0

lorem ipsum dolor

lorem ipsum — border: #333333

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing

lorem — border: #bb4c4c (Alert Red)

lorem ipsum dolor

lorem ipsum dolor — lorem ipsum dolor

07 / Elevation

Depth & Elevation

Level 0: Flat

lorem ipsum dolor. lorem ipsum dolor

Border Only

lorem: 1px solid #d9d9d9

Surface Shift

lorem ipsum dolor sit amet

Footer Layer

lorem ipsum: #545454 / #444444

* Lemnos lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.

08 / Layout

lorem ipsum & lorem ipsum dolor

lorem ipsum dolor sit

XS 5px

S 10px

M 20px

L 40px

XL 80px

XXL 140px

lorem ipsum dolor sit amet consectetur

Desktop ≥ 1024px

Tablet 768px – 1023px

Mobile ≤ 767px

lorem ipsum dolor sit

lorem ipsum 2-4 lorem ipsum CSS Grid lorem ipsum dolor sit. lorem ipsum dolor sit amet(Swiper).
lorem ipsum dolor sit. lorem ipsum dolor sit, 1 lorem 1 lorem ipsum dolor sit amet.

1

2

3

4

4-column grid (desktop) / 2-column (tablet) / 1-column (mobile)