v0.9.0
design / Layout

Layout

.frame — the page: 1240px wide, centered, between two 1px rails, over

v0.9.0 05 / 09 1 min read docs/DESIGN.md
  • .frame — the page: 1240px wide, centered, between two 1px rails, over the hatched .gutter (a fixed SVG pattern drawn with a token).
  • .sheet — a band of the frame. Its top rule carries the crosshairs; its .sheet-in pads it. Landing sections are sheets, numbered [01]…[06] with the .sec-label.
  • .bp — the blueprint grid (components/Blueprint.astro), an inline SVG pattern in --line and --line-2, behind the hero, the closing band, the docs hub and the 404.
  • .docs — the documentation shell, three columns: the document’s pages on the left (.aside), the text in the middle, on this page on the right (.toc). Below 1140px the right column goes away; below 820px the left one becomes a drawer under a sticky contents bar.