044Grid

044Grid — Brutalist Creative Agency Template

A monochrome, typography-first agency template built entirely with Framer's native tools. Giant blend-difference headlines, hairline dividers, grayscale imagery, and interactions with zero fluff.

Pages (10 + CMS detail pages)

• Home 

• About 

• Services 

• Works 

• Contact 

• Privacy 

• Terms 

• Custom 404 

• Dynamic detail pages for every case study and service.

2 CMS Collections

• Works — 6 pre-filled case studies with cover & detail images, client, category, year, and rich-text body, with Previous/Next navigation

• Services — 4 disciplines with deliverables, timeline, pricing, and process copy

Components

Header & Footer with Desktop/Tablet/Phone variants · hover-inverting Service Row · FAQ accordion · Pill & Circle buttons with hover states · working newsletter form

Design system

• 9 text styles (H1–H6, Body, Captions) with responsive breakpoint sizing

• 12 color tokens (backgrounds, text tones, hairline borders)

• Consistent 128/48px section rhythm, numbered captions "(001 — …)"

Interactions & animation

Staggered load reveals · word-by-word text reveals on headings · scroll-triggered fade/rise effects · full-row hover inversions · image hover zoom · sticky sections · an interactive three.js wireframe grid on the 404 page

Forms

Contact & brief forms with budget select, branded focus states, and Sending/Success/Error button feedback.

Ready to ship

SEO titles & descriptions on every page · custom social share cards · favicon + dark-mode favicon + Apple touch icon · fully responsive (1200/810/390).

Swap the CMS content, drop in your logo, and go off the grid.