241. Margin

Description

  • Margin: A Web Design Portfolio Squarespace Website Template
  • Margin is an elegant, clean portfolio template for web designers who want their work presented the way clients will actually see it, inside browser windows and phone screens. Refined serif headlines, soft color panels and generous spacing keep the focus on the screens. Vertical scrolling galleries tell each project’s story, with an optional slideshow for presenting work full screen.
  • view demo – password: abc
  • buy me a coffee
  • download template

241. Margin

Who it’s for

  • Freelance web designers and developers
  • UI/UX and product designers
  • Webflow, Framer and Shopify designers
  • Small digital studios presenting case studies

Pages included

  • Work (Home)
    • Headline introduction with call-to-action buttons and availability status
    • Project list with number, type, year, summary and role tags
    • Website previews in browser frames that scroll through the full page on hover
    • Services overview: strategy, design, development, care
    • Client testimonial
    • Call-to-action banner
  • Project (one page per project)
    • Project title, summary, client, role, type and year
    • Slideshow and “Visit site” buttons
    • Vertical scrolling gallery of desktop screens in browser frames, mobile screens in phone frames, detail images and video screen recordings that play as they come into view
    • Captions and image numbering
    • Design principle quote within the gallery
    • Challenge and approach sections
    • Results shown as key numbers
    • Next project preview
  • Slideshow
    • Full-screen presentation of every image and video in a project
    • Autoplay with progress bar, pause/play, previous/next, keyboard and swipe navigation
    • Open from the start or from any gallery item
  • About
    • Portrait and introduction
    • Services, five-step project process and tools
    • Client testimonials
  • Contact
    • Email, intro call link, location and availability
    • Project enquiry form with name, email, company, current website, services needed, budget, ideal launch and project details
    • On-page confirmation after sending
Buy me a coffee