ESTABLISHED 1958
KANEKO OPTICAL
ESTABLISHED 1958
VIEW MORE
SCROLL
01 — COLORS

COLORS

lorem ipsum dolor sit amet consectetur #1890ad lorem. lorem ipsum dolor / lorem / lorem ipsum dolor, lorem ipsum dolor(lorem / lorem / lorem ipsum)lorem ipsum. lorem ipsum dolor sit amet consectetur adipiscing elit.

Ink Black
#000000
lorem ipsum dolor / lorem ipsum / lorem ipsum
Off Black
#151515
STORY lorem ipsum dolor sit
Charcoal
#1f2529
PHILOSOPHY lorem ipsum
Deep Slate
#242b2f
NEWS lorem ipsum
Slate
#545e64
lorem ipsum dolor(lorem ipsum dolor)
Gray Slate
#74787a
BRAND lorem ipsum
Mid Gray
#8a8a8a
lorem ipsum dolor
Pale Blue Gray
#d7dcde
CULTURE lorem ipsum dolor
Surface Gray
#f0f0f0
lorem ipsum dolor
Muted
#c2c7cb
SCROLL / lorem ipsum dolor
Link Teal
#1890ad
lorem ipsum. lorem ipsum dolor sit
Gray 500
#525252
SHOP lorem ipsum
02 — TYPOGRAPHY

TYPOGRAPHY

lorem ipsum dolor sit amet／lorem, lorem ipsum dolor sit amet／lorem ipsum. lorem ipsum dolor sit amet consectetur. letter-spacing lorem 0.06em → lorem 0.09em → lorem 0.1em → lorem ipsum 0.18em lorem ipsum dolor, palt lorem ipsum.

STORY
Page Title · Adobe Garamond Pro · 30px · weight 400 · lh normal · ls 0.18em (5.4px)
PHILOSOPHY
Section Head · Adobe Garamond Pro · 18px · weight 600 · ls 0.09em (1.62px)
FEATURE　STORY　FACTORY　BRAND　lorem ipsum
Nav Item · Adobe Garamond Pro + lorem A lorem ipsum dolor · 14px · weight 600 · ls 0.09em (1.26px)
lorem ipsum lorem lorem
Article Title · Lato + lorem ipsum BBB · 24px · weight 700 ·lh 1.8 (43.2px) · ls 0.06em
lorem ipsum dolor sit amet consectetur
Article Sub · Lato + lorem ipsum BBB · 18px · weight 700 · lh 1.8 (32.4px) · ls 0.06em
lorem — lorem ipsum, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.
Body · Lato + lorem ipsum BBB · 14px · weight 400 ·lh 2.0 (28px) · ls 0.06em (0.84px)
UI lorem ipsum — lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur Cookie lorem ipsum dolor sit.
Body (UI) · 14px · weight 400 · lh 1.5 (21px) · ls 0.06em
SCROLL
Micro · 12px · weight 400 · ls 0.1em (1.2px) · #c2c7cb
© KANEKO OPTICAL CO., LTD. ALL RIGHTS RESERVED.
Copyright · Adobe Garamond Pro · 10px · weight 600 · ls 0.09em (0.9px) — lorem ipsum dolor sit amet consectetur
03 — ARTICLE

CULTURE

lorem ipsum dolor sit(#d7dcde)lorem ipsum. lorem ipsum dolor 14px / lorem 2.0 / lorem 0.06em. lorem #f0f0f0 lorem ipsum 4px lorem, lorem ipsum dolor # lorem ipsum.

# lorem ipsum lorem lorem # lorem # lorem ipsum dolor

lorem ipsum lorem lorem

lorem ipsum lorem lorem　／　2026.07.28

lorem ipsum dolor sit amet consectetur

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

lorem ipsum dolor sit amet consectetur, lorem“lorem ipsum dolor sit”lorem ipsum dolor sit. lorem ipsum 1mm lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.lorem ipsumlorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum, lorem

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

lorem ipsum BACK TO LIST
04 — BUTTONS & BADGES

BUTTONS

lorem ipsum dolor CTA lorem ipsum dolor. 1px lorem ipsum dolor sit(0.1em)lorem ipsum dolor sit amet. lorem ipsum Cookie lorem ipsum dolor #eaeaea lorem. lorem 0 lorem ipsum, lorem 4px / Cookie 3px / lorem 2px lorem ipsum dolor sit amet.

VIEW MORE lorem ipsum lorem ipsum dolor ✓ lorem ipsum SHOP # lorem
05 — CARDS

BRAND

lorem ipsum dolor sit amet(#1f2529 → #242b2f → #545e64 → #74787a). lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit, lorem ipsum dolor sit.

KANEKO OPTICAL
lorem ipsum ― lorem ipsum dolor, lorem ipsum dolor
SPIVVY
lorem ipsum ― lorem ipsum dolor sit
PHILOSOPHY
lorem ipsum dolor ― lorem ipsum dolor
FACTORY
lorem ipsum dolor, lorem ipsum dolor
06 — FORMS

FORMS

lorem ipsum / lorem ipsum / lorem ipsum 3 lorem. lorem 0px, lorem #cccccc, lorem ipsum dolor sit #1890ad. lorem ipsum dolor sit amet 1px lorem ipsum.

lorem ipsum dolor sit amet consectetur.
SUBMIT
07 — ELEVATION

ELEVATION

lorem ipsum dolor sit amet box-shadow: none. lorem ipsum dolor sit amet consectetur 8 lorem ipsum dolor sit, lorem / lorem ipsum dolor sit 1px lorem ipsum dolor sit.

#000000
Ink Black
#151515
Off Black
#1f2529
Charcoal
#545e64
Slate
#74787a
Gray Slate
#8a8a8a
Mid Gray
#d7dcde
Pale Blue Gray
#ffffff
White
08 — LAYOUT

SPACING

4 / 9 / 21 / 40 / 80 / 120px. lorem ipsum dolor sit 7px 21px / 0 9px / 11px 10px lorem ipsum, lorem ipsum dolor 80–120px lorem ipsum dolor sit. lorem ipsum dolor 680px lorem.

XS 4
S 9
M 21
L 40
XL 80
XXL 120

⚠ lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, Cookie lorem ipsum dolor sit. lorem ipsumCookie lorem ipsumlorem ipsum dolor.

✓ lorem ipsum