Design a Template with Puno

This chill, over-the-shoulder workshop shows the real process of designing a Squarespace portfolio template—from a blank Figma frame to a Squarespace-ready layout. You’ll see how to prioritize simplicity over code, choose free fonts, set up navigation, and structure project sections that read clearly. The workshop also covers quick asset sourcing (stock/AI placeholders), light Photoshop tweaks, and rapid colorway exploration. It wraps with practical Q&A on what’s possible in Squarespace 7.1 and adding custom fonts.

Timestamps:

0:01:40 — Template philosophy: Keep it simple, lean on design, minimize custom code for sanity and sales.

0:04:22 — Figma kickoff: Set canvas, nav, and free/accessible type choices for a gender-neutral look.

0:10:05 — Mood & type hacks: Build a quick Pinterest moodboard; fast font tests via screenshots/dev tools.

0:24:45 — Hero imagery: Source placeholders with Midjourney and do quick Photoshop clean-ups.

0:37:51 — Portfolio blocks: Structure project titles, brand labels, hierarchy, and “view work” patterns.

0:49:05 — Colorways & polish: Rapid theme exploration and final layout passes; Q&A on 7.1 & custom fonts