Currently 3 different header patterns (teal hero, white + label, compact strip). 4 proposals to unify them all into one consistent, compact style.
Teal hero for alumni/tools/booking/faculty/students. White + crimson label for library/events/showcase. Compact mono strip for dashboard.
Learning doesn't stop at graduation. Stay connected to the work and to each other.
Alumni (teal hero) content goes here
Community Library
Articles, tools, papers, and guides curated and annotated by HGSE's AI community.
Library (white + crimson label) content goes here
Dashboard
Dashboard (compact strip) content goes here
Just the page name in uppercase mono. No description. Maximum content focus — ~40px header. Identical to current Dashboard.
Dashboard
Dashboard content goes here
Library
Library content goes here
Alumni
Alumni content goes here
AI Tools
AI Tools content goes here
Consultations
Consultations content goes here
Events
Events content goes here
Page name and description on the same line. Adds context without height. ~40px header.
Dashboard
Your hub for forums, library, and events
Dashboard content goes here
Library
Articles, tools, papers, and guides curated by the community
Library content goes here
Alumni
Stay connected to the work and to each other
Alumni content goes here
AI Tools
Access AI tools and guides for teaching and research
AI Tools content goes here
Consultations
Book a session with a peer consultant or advisor
Consultations content goes here
Events
Hacks, workshops, talks, and more
Events content goes here
Crimson accent bar on the left, serif title + description below. Slightly more visual weight but still compact. ~56px header.
Your hub for forums, library, and events
Dashboard content goes here
Articles, tools, papers, and guides curated by the community
Library content goes here
Stay connected to the work and to each other
Alumni content goes here
Access AI tools and guides for teaching and research
AI Tools content goes here
Book a session with a peer consultant or advisor
Consultations content goes here
Hacks, workshops, talks, and more
Events content goes here
'AI Commons > Page Name' breadcrumb with description below. Navigational and oriented. ~48px header.
Your hub for forums, library, and events
Dashboard content goes here
Articles, tools, papers, and guides curated by the community
Library content goes here
Stay connected to the work and to each other
Alumni content goes here
Access AI tools and guides for teaching and research
AI Tools content goes here
Book a session with a peer consultant or advisor
Consultations content goes here
Hacks, workshops, talks, and more
Events content goes here
Two-Layer: Strip + Toolbar
Pages with search, filters, or tabs get a toolbar zone below the header strip. Simple pages just get the strip. Shows Alumni (simple), Library (search + tags), Showcase (tabs), Events (search + filters).
V1 mono strip as universal header. Pages that need it get a separate toolbar below with search/filters/tabs.
Alumni
Alumni — strip only, no toolbar needed content goes here
Library
Library — strip + search/filter toolbar content goes here
Showcase
Showcase — strip + category tabs content goes here
Events
Events — strip + search/filter toolbar content goes here
V2 inline description strip as universal header. Toolbar zone below for complex pages.
Alumni
Stay connected to the work and to each other
Alumni — strip + description, no toolbar content goes here
Library
Articles, tools, papers, and guides curated by the community
Library — strip + description + toolbar content goes here
Showcase
Projects, experiments, and work from the community
Showcase — strip + description + tabs content goes here
Events
Hacks, workshops, talks, and more
Events — strip + description + filters content goes here
V3 crimson accent bar header. Toolbar zone below for complex pages.
Stay connected to the work and to each other
Alumni — accent header, no toolbar content goes here
Articles, tools, papers, and guides curated by the community
Library — accent header + toolbar content goes here
Projects, experiments, and work from the community
Showcase — accent header + tabs content goes here
Hacks, workshops, talks, and more
Events — accent header + filters content goes here
V4 breadcrumb header. Toolbar zone below for complex pages.
Stay connected to the work and to each other
Alumni — breadcrumb header, no toolbar content goes here
Articles, tools, papers, and guides curated by the community
Library — breadcrumb header + toolbar content goes here
Projects, experiments, and work from the community
Showcase — breadcrumb header + tabs content goes here
Hacks, workshops, talks, and more
Events — breadcrumb header + filters content goes here