offgrid-studio

About this template

Offgrid is a typography-first portfolio and agency template for independent creative studios, brand designers, art directors and small agencies.

Oversized headlines, a calm paper-and-ink base and one sharp lime accent give the site a confident voice from the first screen. The layout is built to show work first: a full-viewport hero, a generous project grid, and case-study pages with room for real stories.

What’s included

11 pages: Home, Work, Project Detail, Studio, Services, Journal, Article, Contact, Privacy, Terms and a custom 404

CMS collections for Projects, Journal, Services and Team, with detail pages and next-project navigation

Work page filter by category

Services page with a collaboration model and FAQ

Contact form with required fields, email validation and Sending / Success / Error button states

Reusable components: Navigation (desktop and phone drawer), Button, Arrow Link, CTA Section and Submit Button

Shared layout template for navigation and footer

Desktop, Tablet and Phone layouts, full-width on large screens, with an extra type scale for 1600px+ displays

Text and color styles, so type and colors can be changed in one place

Entrance and hover animations, with reduced motion enabled

Page titles, descriptions, favicon and social share image already set

Fonts: Space Grotesk, Inter and IBM Plex Mono