Mood, motion and references
Three things in one place: the mood and tone we are aiming for, the motion we would actually use shown running in the browser, and the award-winning sites we are measuring against. Internal reference. It does not touch the live site.
Quiet luxury: ivory and ink, with gold as a material detail rather than a colour you notice. Architectural restraint, natural light, honest materials. These are tone references to agree the FEEL, not photography for the site.
Serious money that does not shout. Confident, spare, material. Closer to a luxury maison or a watchmaker than a consultancy. If a section feels busy or decorative, it is wrong.
The actual animations, not screenshots. Press replay to watch each. Every one is built to respect reduced-motion: if a visitor has that set, or on a narrow screen, the motion is replaced by the plain final state, never a broken or trapped one.
Buttons scale down on press and brighten on hover; links draw a gold underline. Every control has a visible focus ring.
On the live site the frame holds and the portfolio moves sideways as you scroll; here it plays on a button. On a narrow screen or with reduced-motion it becomes a plain scrollable strip, never a trapped scroll.
The sites we are measuring against, and the one thing to take from each. Awwwards rotates, so these are current references, best reviewed live.