Making superior cutting tools since 1926

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

SUWADA lorem ipsum lorem ipsum
Colors
01 / lorem ipsum 1 lorem ipsum dolor
Base — lorem ipsum, lorem ipsum dolor sit
Background
#000000
body lorem ipsum dolor sit amet consectetur
Text on Dark
#ffffff
lorem ipsum dolor sit amet
Surface Light
#f2f2f2
lorem ipsum dolor / lorem ipsum dolor
Chip Dark
#222222
lorem ipsum dolor
Neutral
Divider
#cccccc
lorem ipsum dolor sit amet
Text Muted
#888888
lorem ipsum“JP / EN / lorem”
Text Caption
#999999
lorem ipsum dolor
Text Hover
#333333
lorem ipsum dolor sit
Scrim — lorem ipsum dolor sit amet consectetur
Herorgba(0,0,0,0.2)
Nav Cardrgba(0,0,0,0.4)
Page Headerrgba(0,0,0,0.5)
Footerrgba(0,0,0,0.7)
Typography
02 / lorem ipsum / lorem ipsum / UI lorem ipsum 3 lorem
English — Libre Baskerville(weight 300 lorem)
Craftsmanship
Libre Baskerville / 36px / 300 / line-height: 1.0 / letter-spacing: 0.1emlorem ipsum dolor sit. lorem ipsum dolor sit amet
Nail Nippers
Libre Baskerville / 36px / 300 / line-height: 1.5 / letter-spacing: 0lorem ipsum dolor
Making superior cutting tools since 1926
Libre Baskerville / 28px / 300 / line-height: 1.5lorem ipsum dolor
Models
Libre Baskerville / 21px / 300 / line-height: 1.5lorem ipsum
Japanese — Noto Serif JP(lorem ipsum dolor sit amet)
lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
Noto Serif JP / 16px / 600 / line-height: 1.8 / letter-spacing: 0.1emlorem ipsum dolor sit
lorem ipsum dolor sit
Noto Serif JP / 16px / 600 / line-height: 1.4 / letter-spacing: 0.044emlorem ipsum dolor
lorem 1926 lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor. lorem, lorem ipsum / lorem ipsum dolor sit amet consectetur.
Noto Serif JP / 15.4px（= 14 × 1.1）/ 400 / line-height: 2.0 / letter-spacing: 0.045emlorem ipsum
SUWADA lorem ipsum dolor, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur.
Noto Serif JP / 14px / 400 / line-height: 2.0 / letter-spacing: 0.05emlorem ipsum / lorem ipsum
UI — Source Sans Pro ＋ lorem ipsum / lorem ipsum(lorem ipsum dolor)
lorem ipsum — Product Name
Source Sans Pro lorem / 22px / 600 / line-height: 1.5lorem ipsum dolor sit
SUWADA lorem ipsum — Navigation
Source Sans Pro lorem / 14px / 400 / line-height: 2.0lorem ipsum dolor
〒959-1114 lorem ipsum dolor sit 1332 lorem — Footer Body
Source Sans Pro lorem / 14px / 400 / line-height: 1.5 / letter-spacing: 0.05emlorem ipsum
JP / EN / lorem — Nav Sub
Source Sans Pro lorem / 12px / 400 / line-height: 2.0 / color: #888888lorem ipsum
— Manufacturing Process —
03 / lorem ipsum dolor sit amet consectetur
1.

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

7.

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

8.

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

Products
04 / lorem ipsum dolor sit amet consectetur

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

lorem ipsum
lorem ipsum lorem ipsum L

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

lorem ipsum dolor
lorem ipsum dolor sit amet

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

lorem
lorem

lorem ipsum dolor. lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor lorem ipsum dolor sit
Buttons
05 / lorem px lorem ipsum 2em. lorem ipsum dolor sit
Outline Pill — lorem CTA. lorem ipsum dolor 1 lorem
SUWADA lorem ipsum YouTube lorem ipsum dolor

lorem: border-radius 30.8px ÷ font-size 15.4px =2em. 24px ÷ 12px, 33.88px ÷ 16.94px lorem ipsum.
lorem padding lorem 60px lorem ipsum dolor.

Category Chip — lorem ipsum dolor
lorem ipsum lorem ipsum dolor sit lorem ipsum
Layout
06 / Bootstrap 3 lorem 15px lorem ipsum
Container1170px / lorem ipsum dolor 15px
Spacing Scale10 / 15 / 30 / 60 / 90 / 120px(15px lorem)
Product Grid3 lorem / gutter 30px
Hero100vh lorem ipsum dolor sit amet. lorem ipsum dolor / lorem ipsum
Elevationlorem ipsum dolor. lorem ipsum dolor sit amet(0.2 / 0.4 / 0.5 / 0.7)lorem ipsum
Type Scalefont-size lorem 1.1em lorem ipsum(14 → 15.4 → 16.94px)
Forms
07 / lorem ipsum dolor / lorem 1 lorem

lorem ipsum. lorem #cccccc

lorem ipsum dolor sit(#000000)lorem ipsum dolor

lorem ipsum dolor sit, lorem ipsum dolor sit