DesignStudio · Etch

Etch is a Framer template for design and development studios and freelance collectives. It does one job: show your work and how you work, and turn visitors into project enquiries.

Most studio sites use the same oversized type and scroll effects. Etch feels engineered instead: monochrome panels, Geist Mono labels, hairline grids and interactions built for this template.

What sets Etch apart

• Work rail: drag, scroll or use the arrows through your CMS case studies, with a live counter and a "View project" cursor.

• Flip testimonials: eight quote cards that flip to a black and white portrait on hover or tap.

• Isometric accordions: Capabilities and Process steps with line drawings that draw in each time a step opens.

• Live menu pill: the menu shows how far down the page you are, and the logo turns black or white over light and dark sections.

• Agent-ready: a /design-system page and a design-system skill, so you can ask Framer's agent for new pages in the same style.

• Calm motion: a soft page transition and appear motion on every inner page.

• Four breakpoints: hand-tuned layouts for 1920, desktop, tablet and phone.

Pages included

• Home

• Project (CMS)

• Articles

• Article (CMS)

• Contact with form

• Privacy and Terms (CMS)

• 404

• Design System (hidden from search)

What's included

• 8 pages and 3 CMS collections

• 6 case studies, 7 articles and 2 legal pages

• 19 components, including a pricing switch and tabbed FAQs

• 20 colour styles, 43 text styles with tablet and phone sizes, and 4 link styles

• Contact and newsletter forms (connect your own email)

It uses 3 CMS collections, so publishing on a custom domain needs a Framer Pro plan.

Perfect for Design studios, product and web agencies, development studios, freelance collectives, creative developers and designers building studio sites.

Want it tailored to your studio? We also offer a customisation service and can adapt the whole template to your brand and content. Just email dilip@framerlab.dev.