DESIGN SYSTEM PREVIEW

lorem ipsum dolor sit amet

TRAVELER'S COMPANY lorem ipsum dolor sit. lorem ipsum(Helvetica Neue)lorem ipsum dolor sit amet consectetur adipiscing ProN W3 lorem ipsum. weight lorem 400 / 700 lorem ipsum. lorem ipsum, palt lorem. lorem ipsum #222222 lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing elit. computed style lorem(2026-05-08 lorem)lorem ipsum.

VIEW PRODUCTS

Palette lorem ipsum dolor

Brand

Brand Dark

#222222

lorem ipsum dolor sit / lorem ipsum / CTA lorem

Page White

#ffffff

lorem ipsum

Link Blue

#336699

lorem ipsum dolor

Neutral

Text Primary

#000000

lorem ipsum dolor

Light Gray

#dddddd

lorem ipsum / lorem ipsum dolor

Mid Gray

#777777

lorem ipsum dolor sit amet

Muted Gray

#888888

lorem / lorem ipsum dolor

Typography lorem ipsum dolor sit

About TRAVELER'S notebook ／ lorem ipsum dolor sit amet

22px / 400 / line-height 1.2 / letter-spacing 2pxlorem ipsum dolor h1

PRODUCTS

18px / 700 / line-height 1.0 / letter-spacing 1pxlorem ipsum dolor h2

lorem ipsum dolor sit amet consectetur

14px / 700 / line-height 1.4lorem ipsum h2 small

lorem ipsum dolor ／ lorem ipsum dolor #336699 lorem ipsum dolor

13px / 700 / line-height 2.0 / color #336699lorem a

lorem ipsum dolor ／ lorem ipsum dolor sit amet“lorem ipsum dolor sit amet”lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed. Helvetica Neue lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit ProN W3 lorem ipsum dolor. lorem 12px / line-height 1.8 lorem ipsum dolor sit amet consectetur adipiscing.

12px / 400 / line-height 1.8 (21.6px)lorem p

ONLINE SHOP

12px / 400 / line-height 2.2 / bg #222222 / color #fffffflorem span

TRAVELER'S notebook VIEW ALL

CTA: lorem ipsum #222222(lorem ipsum dolor sit)/ lorem ipsum #000(lorem ipsum dolor CTA)/ radius 0pxlorem

Products lorem ipsum

NOTEBOOK / 01

TRAVELER'S NOTEBOOK

lorem ipsum dolor sit lorem ipsum dolor lorem ipsum

lorem ipsum dolor sit amet A5 lorem lorem ipsum

¥770

REFILL / 04

REFILLS

lorem ipsum MD lorem lorem lorem ipsum dolor

¥440

VIEW ALL PRODUCTS

Every TRAVELER'S notebook is unique and that's wonderful!

lorem ipsum #222222 lorem ipsum dolor sit amet consectetur, lorem ipsum, CTA lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit.

ONLINE SHOP