nav.desktop-taskbar · Desktop taskbar

A nav pattern from Desktop OS, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="nav.desktop-taskbar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A taskbar: a bevel primary start button and wordmark left, pill links like open-window tabs in the middle, a mono tray meta right, all on one surfaceAlt bar.
Slots
cta, siteName, pages, hours
Tokens
bg #E3E5DA · text #272921 · heading #121309 · accent #EDA12F · accent2 #55A9FF · Onest / Onest · radius 8px · space unit 4px (full list in design/tokens.json)
Section
vertical padding step 2

Pattern notes

  • A taskbar on `surfaceAlt`: a small primary "start" key and the wordmark on the left, pill links in the middle styled as open-window tabs (current page as the raised one), a mono tray meta (hours) on the right. Links and the tray hide on phones.
Start a projectNorthfold
  • Services
  • Work
  • About
  • Contact

Studio open Mon–Thu, 9:30–18:00