霧の中の展望台

ポスタルコ(postalco.net)から抽出したデザイントークンのカタログ。Jost で全要素を組み、見出しに letter-spacing 2px の広い字間、border-radius 3px の控えめな角丸 CTA、暖オフホワイト #fffffb の面、グレースケールの階調で構成。computed style 実測値に基づく。


01 / COLORS

カラーパレット

SURFACE — オフホワイト基調
Warm Off-white
#fffffb
標準背景・カード面
Surface Subtle
#f0f0f0
セクション地(最頻出)
Surface Muted
#e9e9e9
区切り・薄カード
Surface Cool
#eff3f3
涼やかなセクション
Surface Coolest
#f7f7f8
最も淡い面
TEXT — グレースケール
Deep Gray
#171717
最濃テキスト・プロモ
Heading Gray
#636363
見出し(h1〜h3)
Body Gray
#7d7d7d
本文の標準色
Mid Gray
#afafaf
More CTA 背景
ACCENT — 控えめなティール
Postal Teal
#1e596c
プロモ・差し色
Promo Cream
#f7f6eb
プロモ上の文字色

02 / TYPOGRAPHY — 実測値

タイポグラフィ階層

霧の中の展望台 — Major Title
22px / 400 / line-height: 1.2 (26.4px) / letter-spacing: 2pxh1 / h2
オールレザースナップパッド — Section Title
20px / 400 / line-height: 1.2 (24px) / letter-spacing: 2pxh2
Tシャツ — Card Title
19px / 400 / line-height: 1.2 (22.8px) / letter-spacing: normalh3
ニュースレター登録 — Sub Title
18px / 400 / line-height: 1.0 (18px) / letter-spacing: 2pxh1 in-content
Body — ポスタルコ(POSTALCO)は、東京を拠点に革と紙の製品を作るデザインスタジオ/ブランドです。スイス的なグリッドの厳密さと、和紙のような暖かさを併せ持つプロダクトと組版を、Mike Abelson と古内ヨシエの二人がデザイン・制作しています。すべてのプロダクトは少量生産で、長く使える簡潔な構造を備えます。
14px / 400 / line-height: 1.6 (22.4px) / letter-spacing: normalBody
¥11,000以上のご購入で日本国内送料無料 — Caption
12px / 400 / line-height: 1.3 (15.6px) / letter-spacing: normalCaption

設計と素材のあいだ

霧の中の展望台

ある日、霧の中で展望台にのぼった。視界はまっしろで、遠くに何があるかは見えないけれど、足元の手すりや、目の前の木の葉だけがやけにはっきり見える。設計とは、そんな霧の中での近距離の手仕事ではないかと思う。

少量を、長く

ポスタルコのプロダクトは、ひとつずつ手作業で作られる。革を裁ち、紙を貼り、糸で綴じる。多くを作らず、長く使える形を選ぶ。それが私たちの素朴な答えだ。

素材は革と紙が中心。革は経年で表情が変わり、紙は破れやすいけれど補修できる。どちらも完璧ではないが、その不完全さが時間を引き受けてくれる。


04 / BUTTONS

ボタンバリエーション

More
Primary / Mid Gray / radius 3px
登録
Submit / Body Gray / radius 3px
日本語 ▾
Language Toggle / radius 3px

05 / PRODUCTS

プロダクト

LEATHER

オールレザー スナップパッド

一枚革を折って作るスナップ式のメモパッド。経年で表情が深まる。

¥34,100
PAPER

チャネルポイント ノートブック

糸かがり製本のシンプルなノート。見開きを大きく開いて使える。

¥2,200
WEAR

ボートサンダル

キャンバスとレザーで作るシンプルなサンダル。素足でも靴下でも。

¥18,700

06 / FORMS

フォーム要素


07 / SPACING & LAYOUT

スペーシング

10.5px
14px
14.4px
25px
42px

¥11,000以上のご購入で日本国内送料無料

プロモバナーには稀に Postal Teal #1e596c のティールが差し色として登場する

NEWSLETTER

新作・展示会のお知らせをお届けします

登録