NOTE 01Motion
Counter-scroll typography
Twin marquees moving in opposite directions; eye-catching but tuned to actual scroll velocity, not autoplay.
NOTE 02Layout
Editorial grid for service pages
12-column rule with one deliberately broken column — adds rhythm without breaking the read.
NOTE 03Type
Display type as headline architecture
Treating wordmarks like building masses: stacked, weighted, occasionally cut.
NOTE 04Interaction
Tactile button states
Hard-edged offsets instead of soft shadows. Reads as a physical press, not a glow.
NOTE 05Performance
Motion budget per page
Animation treated as a finite resource — every transition has to justify its frame cost.
NOTE 06Form
Stamps, marks & utility tags
Borrowing the visual vocabulary of print proofs — adds character without ornament.
NOTE 01Motion
Counter-scroll typography
Twin marquees moving in opposite directions; eye-catching but tuned to actual scroll velocity, not autoplay.
NOTE 02Layout
Editorial grid for service pages
12-column rule with one deliberately broken column — adds rhythm without breaking the read.
NOTE 03Type
Display type as headline architecture
Treating wordmarks like building masses: stacked, weighted, occasionally cut.
NOTE 04Interaction
Tactile button states
Hard-edged offsets instead of soft shadows. Reads as a physical press, not a glow.
NOTE 05Performance
Motion budget per page
Animation treated as a finite resource — every transition has to justify its frame cost.
NOTE 06Form
Stamps, marks & utility tags
Borrowing the visual vocabulary of print proofs — adds character without ornament.