minä perhonen
Season
minä perhonen

フィンランド語で「私|蝶」。オリジナルの手描きテキスタイルと刺繍から生まれる、長く愛される「特別な日常」。色を削ぎ、余白と明朝で静かに語るデザインシステム。

About minä perhonen

01 — Colors

カラーパレット

ブランドアクセント色を持たない、意図的な近似モノクロ。紙のような白 #ffffff と、インクのようなほぼ黒 #212121 が基調。彩度を持つのは、警告・欠品にだけ使う赤 #ff0000 のみ。

Ink Black
#212121
本文・見出し(純黒は使わない)
Paper White
#ffffff
背景・余白(システムの主役)
Overlay Dark
#333333
二次暗色・ヘッダーオーバーレイ
Gray
#999999
日付・最小キャプション
Alert Red
#ff0000
警告・欠品のみ(装飾に使わない)

02 — Typography

タイポグラフィ

和文本文に游明朝(明朝体)を据える、この種のブランドでは異例の設計。欧文の見出し・ブランド表記は Adobe Garamond Pro、ラテンのナビ・ラベルは Helvetica Neue。本文は行間 1.8、palt は使わない。

minä perhonen
Brand (h2) · Adobe Garamond Pro · 24px相当 · weight 400 · lh 1.2
About — 見出し H1
h1 · 游明朝 · 36px · weight 400 · lh 1.2
皆川 明(みながわ・あきら)
h2 · 游明朝 · 24px · weight 500 · lh 1.2
Season
nav serif · Adobe Garamond Pro · 18px · weight 400
FASHION TEXTILE SHOP
nav · Helvetica Neue · 14px · weight 500 · ls 0.1em
本文 — デザイナーで創設者の皆川明が1995年に設立。オリジナルの手描きテキスタイルを核に、世代を超えて受け継がれる「特別な日常着」をつくり続けています。日本語本文は明朝体で、行間 1.8 でゆったりと組みます。
p · 游明朝 · 16px · weight 400 · lh 1.8 · ls 0.05em · palt off
2026.07.25 ONLINE STORE
small / date · Helvetica Neue · 10px · weight 400 · ls 0.15em · color #999999

03 — Article

組版サンプル

About minä perhonen

つくり手の時間を、着る人の時間へ。

デザイナーで創設者の皆川明が、1995年に「minä perhonen」を設立しました。ブランド名はフィンランド語で「私|蝶」を意味します。すべての生地は、手で描かれた図案から生まれます。

流行に左右されず、長く愛される服をつくること。ほどいて、繕って、次の世代へと受け継がれていく——そんな時間の重なりそのものを、一枚の布に織り込みたいと考えています。ブランドについて読む

photograph: Yayoi Arimoto


04 — Buttons

ボタン

導線は下線付きのテキストリンクが基調。角丸・彩度を持たせず、静かに置く。塗りボタンは本当に必要な箇所に限る。

続きを読む View More Online Store

※ 実サイトには塗りつぶしの CTA が存在せず、導線は下線付きのテキストリンクで構成される。上記の枠線・塗りボタンはブランドの性格に合わせた設計で、実装ではテキストリンクを優先する。


05 — Cards

テキスタイルカード

枠線・影・角丸に頼らず、写真と余白で区切る。品名は游明朝、補助情報は Helvetica Neue の最小テキストで静かに添える。

tambourine
タンバリン
EMBROIDERY / WOOL
chou cho
ちょうちょ
PRINT / COTTON
anemone
アネモネ
JACQUARD / LINEN

06 — Forms

フォーム

デフォルト / フォーカス / エラーの3状態。下線のみのフィールドで、角丸を持たせない。フォーカスはインク黒、エラーは意味的な赤 #ff0000。

*かごには何も入っていません。
送信する

07 — Elevation

奥行き

奥行きはほぼ使わない。余白と細罫、写真そのもので構成し、影は最小限に。角丸も使わず紙面を端正に保つ。

Level 0 — flat
Level 1 — dropdown
Level 2 — modal
Level 3 — dialog

08 — Layout

スペーシング

8 / 16 / 24 / 48 / 80 / 120px。余白がこのシステムの主役。セクション間は XL〜XXL で大きく取り、罫や面色に頼りすぎない。

XS 8
S 16
M 24
L 48
XL 80
XXL 120