ポートフォリオ · ポートフォリオ
植物標本図鑑風のポートフォリオ
19世紀の植物標本台紙（Herbarium sheet）を再構築したポートフォリオ。学名イタリック表記・採取地メタ・封蝋シール・古紙ノイズで「学術コレクション」の格を作る尖った設計。
プレビュー
概要
19世紀、植物学者たちは採集した植物を台紙に貼り、ラテン語の学名、採取地、採取日を几帳面に書き添えて標本（ハーバリウム）として保存しました。一枚一枚が研究対象であり、コレクションの一部であり、後世に残す記録です。このポートフォリオは、その「標本台紙」の形式を作品集に与えます。
サムネイルグリッドとの決定的な違い
一般的なポートフォリオは、作品のサムネイルを格子状に並べます。それは「制作物のリスト」です。標本台紙の形式は、同じ作品を「収蔵品」に変える。ラテン語めいた学名、採取地、年代といったメタ情報を添えるだけで、作品は「最近作ったもの」から「分類され、記録するに値するもの」へと格が変わります。見る人は無意識に、それを使い捨ての制作物ではなく、保存される文化財として受け取ります。
経年が価値を語る
古紙の風合い、封蝋シール、わずかなシミ——標本台紙の様式が持ち込むのは「時間が経った」という感覚です。デジタルの作品はいつも「新品」に見えますが、それは裏を返せば「歴史がない」ということでもある。あえて経年の質感をまとわせることで、作家のキャリアに厚みと連続性が宿ります。一点ごとに通し番号を振り、テンプレートを統一すれば、「これは続いているシリーズだ」という完成度も伝わります。
仕上げの判断軸
ラテン語の学名は EB Garamond などのイタリック体で組むと学術的な品が出ます。属名は大文字始まり、種小名は小文字、というラテン語表記の慣例を守ること。古紙の質感やシミは「上品な汚し」の範囲に留め、やりすぎると単に読みにくいだけになります。工芸家、写真家、建築家、伝統文化に関わるブランドのように、時間の蓄積が価値になる作り手に向く様式です。
使いどころ
- 写真家・イラストレーターの古典的ポートフォリオ
- ブランド・ブティックの作品アーカイブ
- 学術機関・研究者の業績集
- 高級工芸・職人技を見せるサイト
- 文化施設・古書店のコレクション展示
このデザインの分類
- カテゴリ
- ポートフォリオ
- スタイル
- エディトリアル / ハンドクラフト / モノクロ / エレガント / レトロ
背景と狙いどころ
AIへの指示文
クリエイターの作品集を、19世紀の大学標本室の植物標本台紙コレクションとして作ってください。
要件:
- 配色: 古紙 #f0e6cf / #e0d3a8 + 紙影 #c4b48a + 墨 #1c1810 / 褪色 #4d4030 / 淡 #847658 + ハーブ緑 #4a6b3a / #2c4825 + テラコッタ #b04c30 + 古金 #a88830。
- 全体に淡いドットノイズ（4×4px）+ 緑・赤の薄いシミ + 中央 vignette。
- 上部ヘッダー: 4px 二重線 + 1px 線で挟む帯。「HERBARIUM · 標本収蔵庫」（イタリック EB Garamond）+ 「EST. 1894 · CATALOG 04 · 2026」。
- ヒーロー: 大型イタリック明朝「標本にした、仕事の断片。」（最後を太字テラコッタ）+ ラテン語サブタイトル（Specimina laborum selectorum · MMXXII — MMXXVI）+ 短い説明。
- 標本シート 6枚（grid 3カラム → 2 → 1）:
- 古紙背景 + 1px 紙影ボーダー + box-shadow 厚め
- rotate -1.2 〜 +1.2deg のランダム微傾き
- 上端に標本貼付テープ（::before / ::after、半透明 + ストライプ）2枚
- SPECIMEN № 04-001 〜 06（letter-spacing 0.4em、ハーブ緑、底に1px線）
- フレーム（aspect 4/5）: 1px 紙影ボーダー + 8px インセット二重線 + radial 中央光
- SVG で植物イラスト（茎・葉・花・実・根・松葉等の手描き風線画）
- 花は朱赤、葉はハーブ緑、それぞれ fill-opacity 0.5 で水彩風に
- 学名（イタリック明朝26px、属名イタリック・種小名太字）
- 慣用名（letter-spacing 0.35em、淡灰大文字、例: VIBEHAUS · DESIGN CATALOG）
- 説明文（13.5px、行間1.85、植物学的レトリックを混ぜる）
- メタグリッド（採取地 / 採取年 / 用途 / 高さ）2カラム、ラベル小字 letter-spacing、値はイタリック明朝
- 封蝋シール（::after、56px 円、テラコッタ or ハーブ緑の radial-gradient、文字「V/F/R/P/C」イタリック、rotate -12deg、立体感を box-shadow で演出）
- hover で rotate(0deg) + translateY(-6px) + shadow 強化 + z-index 5。
- 下部 signoff: ローマ数字年（Anno MMXXVI）+ Curatum a [name] + イタリック「— Vibehaus Herbarium · 6 specimens of 64 —」。
- フォント: 全体 EB Garamond / Cormorant Garamond + Yu Mincho 和文フォールバック、メタはモノスペース寄り。
- JS不要、フルレスポンシブ。
バリエーション
鳥類図鑑版
植物 SVG を鳥（嘴・羽・脚）に変更。学名を Aves 系に。 色を青褐色 + 緋色のエレガント配色に。
鉱物標本版
植物を結晶構造（六角・八面体・トリゴナル）に変更。 色をモノクロ + メタリック銀に振って黒檀ベース #1a1410 を差し色に。
よくある質問
ラテン語学名のフォントは？
植物 SVG を本物そっくりにしたい
封蝋シールの立体感はどう作る？
関連するデザイン
侘び寂びの墨絵的ポートフォリオ
不完全さを美と捉える日本の侘び寂び美学を Web に持ち込んだポートフォリオ。墨絵のかすれ、紙質感、大胆な余白、明朝の縦書き和文、朱の落款で「静けさ」を作る尖った設計。
巨大斜体タイポのファッション・ルックブック
写真領域を全幅に走らせ、巨大な斜体ディスプレイ書体を画面外まで突き抜けさせるファッションマガジン的ポートフォリオ。Vogue・Dazed・i-D の版面感を Web 化した、ブランドルックブック専用の尖った設計。
上品なセリフ体のポートフォリオサイト
セリフ体の大見出しと不揃いグリッド、暖色アースカラー、斜体のアクセントで組んだデザインスタジオ向けの作品集サイト。沈黙と余白で格を出す、雑誌的な誌面設計。