Oratiq is a dark editorial template for creative agencies and studios. Eleven sections take a visitor from a full-bleed hero through an asymmetric work grid, a featured case study, three engagement models and a full-page overlay menu. Type is set in General Sans across fourteen presets, headings fill from grey to white as you scroll, images blur up as they enter view, and full-bleed photography drifts on opposing parallax. Smooth scrolling throughout, three breakpoints, every link wired.
Feature list
11 sections — hero, about, work, services, featured case, testimonials, engagement, showreel, FAQ, contact, footer
Full-page menu with numbered links, staggered entrance and live scroll targets
Scroll-linked headings — a custom component fills each word grey → white as the section passes
Blur-up image reveals via code overrides, so Framer's native lazy loading stays intact
Opposing parallax on the case study and showreel, clamped so it can never expose a gap
Lenis smooth scrolling, with reduced-motion respected everywhere
~45 scroll animations, staggered per element rather than per block
3 breakpoints — 1440 / 810 / 390, all verified
14 text presets · 7 colour tokens · General Sans
Oratiq is a dark editorial template for creative agencies and studios. Eleven sections take a visitor from a full-bleed hero through an asymmetric work grid, a featured case study, three engagement models and a full-page overlay menu. Type is set in General Sans across fourteen presets, headings fill from grey to white as you scroll, images blur up as they enter view, and full-bleed photography drifts on opposing parallax. Smooth scrolling throughout, three breakpoints, every link wired.
Feature list
11 sections — hero, about, work, services, featured case, testimonials, engagement, showreel, FAQ, contact, footer
Full-page menu with numbered links, staggered entrance and live scroll targets
Scroll-linked headings — a custom component fills each word grey → white as the section passes
Blur-up image reveals via code overrides, so Framer's native lazy loading stays intact
Opposing parallax on the case study and showreel, clamped so it can never expose a gap
Lenis smooth scrolling, with reduced-motion respected everywhere
~45 scroll animations, staggered per element rather than per block
3 breakpoints — 1440 / 810 / 390, all verified
14 text presets · 7 colour tokens · General Sans
