For the composer, compact controls, menus, focus, and palettes, visit the Desktop laboratory.
This page dogfoods Aidos's surface, navigation, input, and control foundations. Each example uses library components and public props, so the page reflects the system applications actually receive.
The default card remains the baseline. Tonal cards separate content through color, floating cards use external elevation, and the aurora material adds an atmospheric blue-green surface treatment.
Materials describe how a surface looks rather than where it belongs. Each treatment adapts to light and dark themes and can be combined independently with a Card elevation variant.
Fields have a flat surface and an integrated focus indicator. Buttons inside a field receive their own indicator rather than lighting up the whole frame.