Made in Local — since 2011

Explore our furniture

DIY: Do It Yourself. 素の合板でつくる、頑丈でシンプルな家具。

View Products Online Store DESIGN.md →

01 / Colors

Color Palette

無彩色+極小の差し色。白 #FFF / サンド #F3EFE8 / ダーク #151515 の三段の面色で階層をつくり、罫線はヘアライン #f1f1f1。差し色はレッド #c70e0e のみ(エラー・稀な強調)。

Core / Surfaces
White
#ffffff
背景 --white
Sand
#f3efe8
面色 --sand
Dark
#151515
暗面(footer 等)
Border
#f1f1f1
ヘアライン
Text / Accent
Ink
#000000
基本テキスト --black
Grey
#8d8c8a
補助・価格 --grey
Red
#c70e0e
エラー・稀な強調 --red
Overlay
rgba(0,0,0,.2)
--light-grey

02 / Typography — 実測値

Typography

原典は General Grotesque Mono Regular, sans-serif の等幅一系統のみ(和文は未指定でシステム委任)。本プレビューは Space Mono+和文 Noto Sans JP で近似。全要素に広めの字送り letter-spacing: 0.06em(0.84px)。サイズ差は小さく、階層は大文字・余白・面色でつくる。font-feature-settings: normal(palt なし)。

Explore our furniture
Hero (en) — Mono 30px / 400 / lh 1.2 / ls 0.06emヒーロー
Explore our furniture — Section Heading(h2)
Section Heading (h2) — Mono 14px / 400 / lh 1.3
AA High Stool(合板スツール)— 商品名
Product Name — Mono 14px / 400 / lh 1.4(#000)
本文テキスト — 2011年3月11日の東日本大震災をきっかけに石巻工房ができてから、私たちは「DIY:自分自身でやる」という思想を核にものづくりを続けてきました。ABCabc 0123
Body — Mono 14px / 400 / lh 1.4〜1.9 / ls 0.06em
¥115,500 — Price
Price — Mono 14px / 400 / #8d8c8a
Online Store Shoplist Contact About
Nav Item — Mono 14px / 400 / 大文字 / ls 0.06em
Exhibitions 2026/Jun/02 — Meta / Date(small)
Body small / Date — Mono 13px / 400 / lh 1.4

03 / Products — 直角グリッド

the Originals

合板の家具ビジュアルを大きく直角の枠で置き、その下に等幅の商品名(#000)と価格(#8d8c8a)を添える。角丸なし(radius 0)、面はサンド地。UI は引いて写真で語る。

Plywood
AA High Stool
¥28,600
Plywood
Ishinomaki Bench
¥46,200
Plywood
Koro Table
¥115,500
Plywood
Sea Stool
¥19,800

04 / Article — 組版サンプル

Concept

Made in Local

合板ひとつで、暮らしは自分の手に取り戻せる

2011年3月11日の東日本大震災をきっかけに石巻工房ができてから、私たちは「DIY:自分自身でやる」ということは必ずしも一人で完結するものではなく、地域や仲間と手を動かしながらものをつくる営みそのものだと考えてきました。

素の合板を、切って、留めて、組む。装飾を足さず、頑丈さと使いやすさだけを残す。その最小限のものづくりが、いつのまにか世界のデザインシーンから評価されるようになりました。私たちがつくるのは家具であると同時に、誰もが自分の手で暮らしを直せるという実感でもあります。

Web もまた同じ思想でつくられています。等幅のモノスペース書体、角のない直角、白とサンドとダークの三段の面色。飾らないことを、飾りにしないこと。

Read the full story →

05 / Buttons

Buttons

角丸なし(radius 0)が絶対。基本は下線テキストリンクと大文字ラベル。塗りが必要なら #000(ダーク面 #151515)地+白文字、または サンド地。いずれも直角。

View Products
Ghost(白地+1px solid #000 / radius 0)
Online Store
Dark(#000 地・白文字・大文字)
Newsletter
Sand(#F3EFE8 地)
Read More →
Text link(下線)

06 / Forms — 下線スタイル

Forms

入力は下線スタイル(border-bottom: 1px solid #000)を基本にする。角丸なし。フォーカスは下線+ごく薄い墨リング。エラーのみレッド #c70e0e。

デフォルト — border-bottom: #000, radius: 0
フォーカス — 下線 #000 + 薄い墨リング
エラー — border-bottom: #c70e0e(唯一の差し色)

07 / Elevation

Depth & Elevation

影をほぼ使わない完全フラット設計。面色(白・サンド・ダーク)・ヘアライン #f1f1f1・余白・直角で階層をつくる。濃淡は純黒の α 値(--light-grey)で。

Level 0: Flat
影なし、面色とヘアラインで分ける(基本)
Level 1
0 1px 2px rgba(0,0,0,0.08)
Level 2
0 8px 24px rgba(0,0,0,0.12)

08 / Layout — Spacing

Spacing

大きな家具ビジュアルと広い余白。ヘッダー分の上部余白を取り、要素間を十分に空けて等幅の文字が窮屈に見えないようにする。

8
16
24
40
76
130