Allsteel Design Library
Design system
Foundations, elements, global components, and Sprint compositions from the shared Figma library.
Navigation
Header and footer are rendered by SiteShell on every page. Primary navigation and footer menus load from Drupal /api/global-chrome via getNavigation() / getFooter().
Breadcrumbs
Search
Materials listing (focused / filled)
Materials listing (filled — blurred)
Large (64px)
Default (48px)
Filter bar
Results & sort
Closed shows selected sort (Featured) · open is the AS Dropdown List
Footer
Figma AS Footer (6682:2050 / mobile 6682:2066): Default (editorial image + scrim + glass Subscribe) and Condensed (Clay + outline Subscribe). Mobile: logo → newsletter → L1 accordions → legal wrap → copyright; min-height 900. Newsletter stays outside accordions. L2 = P2 underline hover; L3 = captions. CMS no_image_mode / image / newsletterEnabled via getFooter() (global-chrome only). Live footer is at the bottom of this page.