Labels identify a class, object or condition without becoming the lesson. The adopted shared label keeps the original Guide’s quiet monospace character and improves small-text readability.
DemoLabel uses the refined text treatment. The original Guide labels retain their established styling.Each treatment shows the same class, descriptive name, and long utility string above a specimen. The cards and their content are identical.
The elevation guide retains its original utility labels above the shadow specimens.
Small controls, table rows, and subtle raised states.
Cards, reusable panels, and quiet product surfaces.
Hover lift, floating toolbars, and command surfaces.
Dropdowns, popovers, toasts, and menus.
Drawers, dialogs, and focused panels.
Modals and spotlight surfaces above a dimmed page.
The shared label changes text treatment only. The lesson continues to own its card geometry, alignment and spacing.