Margin Notes

Margin is a personal portfolio for independent designers. It is calm and editorial: big type, wide margins, thin rules and one accent colour, so your work does the talking.

Pages

• Home with a live availability line and local time, a featured project, a selected-work index, services, about and a testimonial

• Work: a grid of every project

• Project: a case study for each project, from the CMS

• About: bio, experience, recognition and clients

• Contact: a working form with service and budget fields

• 404

Features

• Projects CMS with 8 example case studies: client, role, year, services, cover, gallery, challenge, approach, outcome and one result

• Selected-work index: hover a row and the cover slides in; on phones it turns into cards

• Footer email that copies itself on click

• Desktop, tablet and phone layouts, full-screen phone menu

• Colour and text styles as tokens, SEO on every page

Good to know

• The availability line and the copy-email footer are two small code components, edited in the properties panel.

• Demo photos are free Unsplash images from Framer's library; names and projects are fictional.