Maac

maac is a portfolio template for design engineers and product designers who build what they design.

The home page opens on a desktop file window in column view. As you scroll, the selection walks through every folder (selected work, components, writing, about), the files of each project slide in, and a preview pane shows the cover, the client, the role and the stack, with a button into the case study.

What is inside

- 10 pages: Home, Work and a case study page for each project, About, Services, Journal and a page for each note, Contact, Style guide and 404

- 7 CMS collections: Work, Components, Journal, About files, Experience, Services, Kind words

- The hero file window in column view, walked by scroll through every folder and file

- A menu bar that doubles as a ruler, with a tab stop under every link and the current page marked

- Rulers in the margins that barely move as you scroll, restart under each section, and narrow with the column for reading sections

- Case-study screens drawn in by a marquee with a live size readout

- Light and dark themes with a sun-and-moon switch in the menu bar; light by default

- A style guide page with setup steps, colours, alternate accents, type, every component and what each collection feeds

- Four Framer Agent skills: design-system rules that are always on, plus add a project, add a page and rebrand