Story of Tendo — lorem ipsum dolor sit

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem / lorem ipsum / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

Online Store Showroom
01 / COLORS

lorem ipsum dolor

Brand / Core
Text Primary
#333333
lorem / lorem / lorem
Background
#ffffff
lorem ipsum
Accent Red
#b20000
NEW / lorem(lorem)
Neutral / Line
Border Strong
#333333
lorem ipsum dolor
Border Light
#b6b6b6
lorem ipsum / lorem
Tile Grey
#e2e2e2
lorem / lorem ipsum dolor
Overlay Dark
#2d2d2d
lorem ipsum dolor
02 / TYPOGRAPHY — lorem

lorem ipsum dolor sit

lorem ipsum dolor — Section Heading
Helvetica / 24-28px / 400 / line-height: 1.4 / #333333
lorem ipsum — Sub Heading
Helvetica / 18-20px / 400-700 / line-height: 1.4
lorem ipsum dolor — lorem ipsum 1940 lorem ipsum dolor sit amet. lorem 15px / line-height 1.3 lorem ipsum dolor sit amet consectetur. letter-spacing lorem normal. ABCabc 123
Helvetica / lorem ipsum / 15px / 400 / line-height: 1.3 / normal / #333333
lorem ipsum dolor sit amet — Emphasis Link
Helvetica / 15px / 700 / line-height: 1.3
2026.05.28 — Date / Meta
Helvetica / 14px / 400 / line-height: 1.14
Products — Category Label
Helvetica / 12px / 700 / line-height: 1.33
03 / BUTTONS — radius 0

lorem ipsum dolor sit

Online Store
Primary Outline
Tendo Classics
Secondary Outline
lorem ipsum dolor
Accent(lorem)
NEW
"NEW" Badge
04 / CARDS — Product Tile

lorem ipsum

NEW
Products

lorem ipsum dolor sit

2026.05.28
Chair

Tendo Classics lorem ipsum

2026.05.20
Table

Roll Press Wood lorem ipsum

2026.04.30
NEW
Series

Bruno Mathsson lorem ipsum dolor

2026.04.12
06 / FORMS — radius 0

lorem ipsum dolor

lorem ipsum — border: #b6b6b6, radius: 0
lorem ipsum — border: #333333(lorem ipsum)
lorem — border: #b20000
07 / ELEVATION

Depth & Elevation

Level 0: Flat
lorem(lorem ipsum dolor)
Border Strong
lorem ipsum dolor sit #333 / #b6b6b6
Dark Overlay
lorem ipsum dolor sit