Compact floating navigation · 12 October

Compare glass, sculpted clay, light grey and dark grey →

Selected glass capsule: 66 px painted bar. Selected icon 58 px, resting icon 36 px. Grey icons retain their clay detail; the selected icon settles close to its label.

A floating dock with a transparent upper area, consistent grey inactive icons and a softly frosted glass fill. No icon shadows. Tap a tab in the live prototype to see it rise, tilt and settle. Reduced-motion settings skip the animation.

Review the final nav colours, selected states and individual icons →

Exchange exchange C is selected in pink; Profile is lime. Inactive tabs are grey; the active label and underline match its icon family.

Open Netflix and try the navigation →

360 px

393 px

Netflix · Aaira’s illustrated company journal

Aaira’s supplied PF Reminder headings, six individual clay illustrations, pale pink status, a taped sticky-note idea and a 2×2 business grid. Download the illustration pack.

Independent price and holding movement

Selected: white row and left-aligned content, with STATUS / INVESTMENT / PRICE eyebrow headings. Squarish pills are selected, with bright purple/pink text and centered rows. Investment copy follows quick-quiz completion. Amounts and arrow badges follow independent green/orange movements; starting prices are green and no-change snapshots retain their last colour. Review the selected Status rows → Compare clay next-step cards →

The tap transition

Review all twelve palette colours and text pairs →