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.
Home
About
Services
Works
Contact
Privacy
Terms
Custom 404
Dynamic detail pages for every case study and service.
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
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 — …)"
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
Contact & brief forms with budget select, branded focus states, and Sending/Success/Error button feedback.
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.
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.
Home
About
Services
Works
Contact
Privacy
Terms
Custom 404
Dynamic detail pages for every case study and service.
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
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 — …)"
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
Contact & brief forms with budget select, branded focus states, and Sending/Success/Error button feedback.
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.
Pavlo Zhydkykh
