rastrillo design system
An overview of everything the design system provides. Theme: signal. Language: English.
Shells
The page frame itself. rastrillo new writes one of these as templates/layout.html; a page fills its content hole and overrides whichever chrome blocks it needs. Each demo below is a whole page at its own URL — open one to see it at full width, where the sidebar's rail and the topbar's footer actually have room.
Links inactive, sample source provided.
column
The plain centred page every scaffolded app starts on: a skip link, a title, and the content column.
topbar
Brand, navigation and an account menu across the top, with a footer under the page.
sidebar
A navigation rail beside the page, collapsing below 800px into a details disclosure. No JavaScript.
console
A bar across the top and a navigation rail down the side at once, the shape most admin consoles are. Below 800px one disclosure folds both. No JavaScript.