DELFONICS
Rollbahn Diary Pen Case
Stationery

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

About Us View More
01 — COLORS

lorem ipsum dolor

lorem ipsum dolor sit amet #ff3700. lorem ipsum / lorem ipsum dolor #000000 lorem ipsum dolor. lorem ipsum / lorem ipsum / lorem ipsum dolor sit.

Signature Red
#ff3700
lorem ipsum dolor. lorem ipsum / lorem ipsum
Black
#000000
lorem / lorem ipsum(lorem ipsum)
White
#ffffff
lorem ipsum dolor / lorem ipsum
Ivory
#ffffe6
lorem ipsum dolor sit
Gray
#f3f3f3
lorem ipsum dolor / lorem ipsum
Gray 50
#e9eaea
lorem / lorem ipsum dolor
Gray 300
#636363
lorem ipsum dolor
Gray 100
#9a9a9a
lorem ipsum dolor / placeholder
Sale / Sun
#ff0056
lorem / lorem / lorem
Sat Blue
#006dc1
lorem / lorem ipsum dolor
02 — TYPOGRAPHY

lorem ipsum dolor

lorem Neue Frutiger World ＋ lorem Noto Sans JP lorem ipsum dolor sit. lorem ipsum 2.3 lorem ipsum dolor. weight 400 / 500 / 600 / 700 lorem ipsum dolor.

Stationery
Display (h2) · Frutiger lorem · 102px lorem · weight 400 · lh 1.0 · ls -0.03em
Schedule: lorem H2
h2 · 40px · weight 700 · lh 1.5(lorem ipsum dolor)
Heading — lorem ipsum dolor H4
h4 · 32px · weight 400 · lh 1.0
Contact: lorem ipsum(lorem)
h3 · 20px · weight 600 · lh 1.5 · color #ff3700
Products　Stories　Shop — lorem ipsum dolor
nav · 16px · weight 400 · lh 1.5 · ls 0.04em
lorem — lorem ipsum dolor, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor 2.3 lorem ipsum dolor sit.
p · Noto Sans JP · 15px · weight 500 · lh 2.3 · ls -0.02em
lorem / lorem ipsum dolor — 12px lorem ipsum dolor.
small · 12px · weight 400 · lh 1.5 · color #636363
03 — ARTICLE

lorem ipsum dolor

lorem, lorem ipsum dolor.

DELFONICS lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit, lorem ipsum / lorem ipsum / 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.lorem ipsum dolor sit amet。

04 — BUTTONS

lorem

lorem＋lorem ipsum dolor, lorem ipsum dolor(8px / 20px / 100px)lorem ipsum dolor. CTA lorem font-feature-settings: "palt" lorem.

About Us View More For Businesses Rollbahn
05 — CARDS

lorem ipsum

Notebook
lorem ipsum lorem ipsum dolor L
lorem / lorem
¥748
Diary
lorem ipsum lorem ipsum 2026
A5 / lorem ipsum
¥2,200
Pen Case
lorem ipsum dolor sit lorem ipsum
lorem ipsum / lorem ipsum
¥1,650
06 — FORMS

lorem ipsum

lorem ipsum / lorem ipsum / lorem ipsum 3 lorem. radius 8px, lorem ipsum dolor, lorem ipsum dolor #ff0056.

lorem ipsum dolor sit amet consectetur.
lorem ipsum
07 — ELEVATION

lorem

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

Level 0 — none
Level 1 — card
Level 2 — modal
Level 3 — dialog
08 — LAYOUT

lorem ipsum dolor

8 / 12 / 20 / 32 / 60 / 100px. lorem(lorem / lorem ipsum / lorem)lorem ipsum dolor sit amet.

XS 8
S 12
M 20
L 32
XL 60
XXL 100