Face CodePens

20 Face Lab recipes, each framed in a clean round instrument case — ready to paste into CodePen. Files live under collection/faces/; the Collection desk @copy queue is empty after processing.

CodePen: open a face page → View Source → copy the full HTML into a CodePen HTML pane (or use Pen Settings → HTML preprocessor off), or copy from the file under collection/faces/. Fonts load from Google Fonts CDN; no other assets needed. Regenerate with python3 tools/export-face-codepens.py.
  1. Brass round case · collection/faces/brass.html Warm metal baseline; Face Lab’s most readable brass/ivory pair.
  2. Verdigris round case · collection/faces/verdigris.html Oxidized metal + parchment mood; paper-systems cream atmosphere.
  3. Iron Red round case · collection/faces/iron-red.html Oxblood railroad lume — the brief’s blood-metal specimen.
  4. Neon Magenta round case · collection/faces/neon-magenta.html Loudest night-signal Face Lab look, framed in a clean round case.
  5. Blueprint round case · collection/faces/blueprint.html Light railroad drawing contrast against the dark metal set.
  6. Phosphor round case · collection/faces/phosphor.html CRT/phosphor mood; binary pack supplies the lume accent.
  7. Walnut round case · collection/faces/walnut.html Wood family contrast against metals and glass.
  8. Ocean round case · collection/faces/ocean.html Enamel blue + vine dress — fluid Motifs-adjacent energy.
  9. Gilt round case · collection/faces/gilt.html Display gilt/ivory — couture-metal showcase without lab chrome.
  10. Ice Blue round case · collection/faces/ice-blue.html Nordic frost mood; frosted-glass atmosphere mist on a round case.
  11. Emerald round case · collection/faces/emerald.html Jewel enamel contrast against the first-batch metals and woods.
  12. Warm Copper round case · collection/faces/warm-copper.html Warm metal + sand plate — baton geometry the first ten skipped.
  13. Lume round case · collection/faces/lume.html Dedicated lume face (not Iron Red’s oxblood) — night tool specimen.
  14. Bronze Patina round case · collection/faces/bronze-patina.html Aged bronze + cream plate — museum metal distinct from Verdigris.
  15. Midnight round case · collection/faces/midnight.html Night enamel + cool chrome — quiet seismic hands.
  16. Pink Enamel round case · collection/faces/pink-enamel.html Warm enamel outlier — soft palette keeps the composition couture, not toy.
  17. Blued Steel round case · collection/faces/blued-steel.html Cool tempered-steel rim — light enamel against the dark second batch.
  18. Teak round case · collection/faces/teak.html Second wood family after Walnut — stacked plate geometry.
  19. Carnival Dark round case · collection/faces/carnival-dark.html Bold carnival ink — sector/baton look the first batch never used.
  20. Biolume round case · collection/faces/biolume.html Deep-sea lume twin to Phosphor — green abyss instead of CRT green.

Generator: tools/export-face-codepens.py · sources Face Lab + Materials finish packs.