The single source of truth for TEA's web styling – tokens, components and page templates. Link tea-styles.css once and build from these patterns.
Every token and component with copy-ready code.
Open style guideBlog/article template with hero, quote and related cards.
View templateResources grid with search, filters and pagination.
View templateTeam cards with expandable bios.
View templateCentred auth template built from form components.
View templateBest-practice text sizes for reports: H1–H4, body, quotes, credits, footnotes.
View guideResponsive greyscale click-through pages with a Desktop/Tablet/Mobile viewport toggle.
Open the kitAn early-planning format: every key page as a schematic mobile frame and desktop layout map. Use it to scope a project. The Wireframe kit above is the main deliverable.
Open plannerGeneric menu system wireframe – desktop, mobile and full sitemap.
View wireframeKeyword search with category + type filters and highlighted results.
View template