μ
muPassbold variations · on direction A
positioning · disney for engineers w/ taste
targets · iOS · PWA   fidelity · high
Direction A, turned up · three art-directed takes

给工程师的迪士尼，
但要精确到像素。

You liked the quiet-gallery base (Direction A) but wanted it bolder and more artistic. Here are three variations on that same system — same four screens, same working interactions, same Apple tokens — each a different reading of wonder + engineering rigour + artistic taste. Pick the one that feels like the brand.

built on Direction A4 screens eachlive dynamic QRiOS ⇄ PWAone-accent discipline kept
Reference · 截图原貌
现在 / Now screen
现在01
日程 / Schedule screen
日程02
地点 / Places screen
地点03
我的 / Mine screen
我的04
Bold variations · 三选一
μ
blackgallerybrightblue
  • Binary rhythm: black scenes ↔ white gallery
  • Billboard SF Pro Display, tight tracking
  • Starfield unlock → μ constellation
  • High-luminance blue on black, action blue on white
unlock · list · detail · settingsOpen A1
01
paperinkdoodleblue
  • Faint 8px grid; dashed containment
  • Outlined numerals 01–05 as marginalia
  • One line-art owl per screen, never noise
  • Perforated ticket-stub pass
unlock · list · detail · settingsOpen A2
warminkgoldblue
  • Sunburst crest + fan motifs
  • Double-rule frames, corner ticks
  • Gold = finish hairline only, never text
  • Hexagon keys, diamond bullets
unlock · list · detail · settingsOpen A3
Baseline & alternate path · 参照
baseline · your pick (A2)
工程师手绘本 · Atelier — Color & Motion Lab
A2 locked as the baseline, plus a live lab: 5 tuned colour themes × 4 motion languages, switchable on-device.
open ›
alternate path · not on A
门禁控制台 · Access console
The dark brutalist Direction B (radial dial, acid lime) — kept if you ever want the high-contrast route.
open ›

What's shared

All three variations bind the same Apple tokens, the same four screens, and the same working interactions (keypad/Face ID unlock, live 30s QR, navigation, filters, toggles, iOS/PWA chrome). They differ only in art direction — surface rhythm, type voice, and one signature flourish each — so the brand stays coherent whichever you pick.

The one-accent rule, kept

  • A1blue (bright on black)
  • A2blue (owl's glasses/key)
  • A3blue interactive + gold finish
  • ruleno rainbow, ever

Real content, all three

  • pass动态二维码 · 30s
  • planCo-creator 月票
  • schedule5 场 · 11.24
  • i18nzh-CN / en