Skip to content

ComponentsPageHeader

Components

PageHeader

Library / projects headers: a transparent sticky band over a frosted ground (85 % page + 12px blur) with a 24/32 serif title, tabs and 28px controls sharing the second line, a 1px border-line rule across the pane once the page scrolls; description and detail variants, inline search.

List header (sticky)

Scroll the frame: the band stays on top over its frosted ground and a 1px border-line rule fades in under it. Title row 48px (64 at md+, title at y 32–64); tabs and controls share the second line 16px below (band 88 without tabs); adjacent ghost icons sit 4px apart, 12px before the primary button. Narrow the window: tabs collapse into a menu.

Projects

Projects

12 projects

  • Website redesignUpdated recently
  • Research notesUpdated recently
  • Quarterly planningUpdated recently
  • Hiring loopUpdated recently
  • Onboarding guideUpdated recently
  • Brand refreshUpdated recently
  • Pricing pageUpdated recently
  • Launch emailUpdated recently
  • Data cleanupUpdated recently
  • API docsUpdated recently
  • Support macrosUpdated recently
  • RoadmapUpdated recently

Description and detail

With a description (and no tabs) the controls stay on the title row and the 14/20 muted description spans the header. Detail: serif 24/1.3 title clamped to 2 lines, actions, 12/17 meta with dot separators, 3-line description.

Description

Scheduled

Run prompts on a schedule. Results land in Recents, and you get a notification when a run finishes.

Detail (project page)

Website redesign

PrivateUpdated 2 days ago12 files

Landing page, pricing and docs refresh for the autumn launch. Owner: design team.

Tall band (routines, compact)

Routines