アートディレクション

すべてのページは、閲覧者の画面設定にかかわらず同じほぼ黒の地色の上に置かれます。そこで光っているのは写真だけです。例外はひとつ。印刷された一枚の紙として描かれたポートフォリオと、それが保存する PDF です。

地色、浮き上がったパネル、文字のための二つの暖かいニュートラル、そして金がひとつ。純粋な黒も白もなく、写真が自分より冷たい縁に出会うことはありません。赤は何かがうまくいかなかったことだけを告げます。紙の上では金が暗くなります。明るい金はそこでは読めないからです。

三つの書体、それぞれにひとつの役割。見出しには重く詰まった Druk、文章・ラベル・ボタンには Inter、そして写真の詳細——カメラ、レンズ、フィルム、露出——とそれを絞り込むチップにだけ G2 Hyper。

サイズは六つだけ。見出しに三つ——トップ、ページの見出し、セクション——いずれも画面とともに大きくなります。文章にひとつ、ラベルにひとつ、写真の詳細にひとつ。

1. --hero-fontアーカイブ
2. --title-fontプロジェクト
3. --section-font厳選作品
4. --body-font写真はそれ自身の色のまま。
5. --label-fontエディション 07 / 30 · 50 × 70 cm
6. --detail-fontLeica M6 · Summicron 35mm f/2

見出しは書体より三分の一高く描かれています。その高さはフォントファイルそのものにあるため、見出しはページ上で本当の場所を占め、あとから引き伸ばされるものは何もありません。大きなアルバム番号はさらに独自の伸びを加えます。

--display-tall 1.34 · --number-tall 1.58 · tools/fonts/stretch_font.py

トップページがポインターの下の写真に施すもの。同じ一枚を十二のフィルターを通して見ます。下では本物の写真の上に、トップページと同じコードでその場で描かれています。

1. 01サーモ 1
2. 02サーモ 2
3. 03サーモ 3
4. 04ノワール
5. 05CRT
6. 06青写真
7. 07赤外線
8. 08X線
9. 09グリッチ
10. 10VHS
11. 11粒子
12. 12ASCII

地色が続く場所と、紙に切り替わる場所。

速さは二つ。その場で変わる状態——光るリンク、ポインターの下のボタン——には速いほう、動くもの・現れるもの——開くメニュー、切り替わる写真——には遅いほう。閲覧者が動きを減らすよう設定していれば、どれも止まります。