The craft behind the Synapse iOS app - screens built from the real Flutter code, transitions that match the actual animation values, and the design decisions that connect them.
Every colour, blur, and radius is a semantic decision rooted in the app's purpose.
Each type biases the colour picker toward a curated subset - warm/earthy for books, cool/cinematic for movies, dramatic for series. The colour isn't random; it carries the source's emotional register.
glassFill rgba(255,255,255, 0.52) light · rgba(13,17,23, 0.55) darkglassBorder #E4E4E9 light · rgba(59,130,246, 0.16) darksigma 8 σ light · 18 σ darkpill fill glassFill × 0.55 ≈ 28.6%Every screen rendered from the real component structure - floating glass pills, GlassNavBar, GlassCard - with the actual type scale, colours, and spacing.
Every timing, easing, and spring value below is taken directly from the Flutter code - not approximated.
The shared primitives behind every screen.