艺术指导

无论访客的屏幕偏好如何，每个页面都立在同一种近黑色之上：照片是其中唯一被照亮的东西。只有一个例外——做成印刷纸样式的作品集，以及它保存的 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

底色延续之处，以及纸张接手之处。

两种速度。快的用于原地变化的状态——亮起的链接、指针下的按钮；慢的用于一切移动或出现的东西——展开的菜单、切换的图片。访客若要求减少动态，它们都会停止。