From fog to figure. Clarity, engineered.

Exsul is a premium, fully dynamic business & consulting WordPress theme for management consultancies, strategy boutiques, advisory firms, agencies, finance and senior professional-services brands. It isn’t a stack of generic blocks — the entire website is composed as one continuous, scroll-driven film: a single figure is scattered as fog at the top of the page and, as the visitor scrolls, it resolves — point by point — into a clean, confident figure. The result is a calm, senior, awwwards-grade experience that tells every visitor in seconds: this firm turns complexity into one clear answer you can act on.

Built on Elementor, Advanced Custom Fields PRO and Contact Form 7, Exsul is 100% dynamic — every headline, paragraph, image, icon, link, colour and font is editable from the WordPress admin. No hard-coded content, no developer required.

Why Exsul is different

Most consulting themes look like everyone else’s: a slider, three icon boxes, a team grid. Exsul is a designed narrative. A live WebGL + Canvas spineruns behind the whole site, fog clearing into a resolving figure as you scroll; a refined motion grammar reveals every section with buttery, jitter-free animation; and one confident ink-blue Signal accent ties the brand together. It feels bespoke — because it behaves like a film, not a template.

The Scenario — your homepage as a film

Every section is a beat in one journey: fog → question → throughline → figures → method → people → proof → invitation.

  1. THE CLEARING (opening loader)— the screen opens in fog; scattered points contract to the centre as a hairline draws and the wordmark resolves blur→sharp, then fog-wipes up into the hero. (Under 2.2s; instant for reduced-motion.)
  2. Hero— the statement assembles over the living field with a continuous throughline and a magnetic call-to-action.
  3. About / How we work— the firm’s stance, an editorial visual, and your guiding principles.
  4. Practices— your six services on the throughline (Strategy · Operations · Growth · Capital · Risk · Transformation), each linking to its own page.
  5. Outcomes / The Figures— the climax: big counters that count up and resolve, each with a sparkline.
  6. The Method — a pinned tracking-shot where a line draws across your process steps.
  7. The Partners— an editorial roster; portraits focus-pull from soft to sharp.
  8. Client Voices — an auto-rotating featured testimonial with a quiet verified outcome mark.
  9. Insights— a magazine-style teaser of your latest articles.
  10. The Brief + Footer — a closing Tell us where it’s foggy. call-to-action and a clean editorial footer.

Design & Aesthetics

  • Editorial Paper & Ink palette— warm off-white paper, near-black ink, and one confidentink-blue Signalaccent (plus Focus, Muted and Haze tones). Change one swatch and the whole siteandthe WebGL scene re-skin instantly.
  • Premium typography—Fraunces(display),Inter(body) andJetBrains Mono(labels), all configurable.
  • Minimal, modern, generous whitespace— calm, senior, conversion-focused — designed to feel expensive.
  • A custom editorial icon set+ a generative brand mark and a clean designed favicon, all palette-driven.

Motion & Interaction (the wow factor)

  • Live WebGL spine(Three.js) — a fog field + an evolving figure driven by a single scroll value, with an automatic static fallback when WebGL/reduced-motion isn’t available.
  • GSAP + ScrollTrigger + Lenissmooth scroll — one unified,compositor-only reveal system: every element fades in on scroll-down and reverses on scroll-up, perfectly smooth withzero jitter.
  • THE CLEARINGcinematic loader, imagefocus-pullreveals, a caliper-style reticle cursor, magnetic buttons and a pinned Method scene.
  • Reduced-motion safe— respects the visitor’s OS setting; nothing ever breaks.

Pages & Templates (everything included)

Home · Services (editorial practices index) · 6 Service-Detail pages · About · Team / Partners · Insights blog (listing, single, archive, category, tag, search) · Contact · Booking / Project-intake · FAQ · 404 — all on-brand, responsive and editable.

Fully Dynamic Backend

  • Custom Elementor widgetsfor every section — hero, about, outcomes, method, partners, voices, practices index, service detail, FAQ, contact, booking and stats — each with full controls for text, images, icons, links and repeaters.
  • Theme Settings (ACF Pro)— logos, the Clarity palette, fonts, header CTA, the loader, header labels, contact details, social links and a fully editable footer. Edit a field, see it live.
  • Contact Form 7 formsstyled to the palette with inputs thatsharpen on focus.
  • One-Click Demo Import+ an options file so your site matches the demo in minutes.

Performance, SEO & Accessibility

  • Clean, semantic,SEO-friendly markupwith proper headings, Open-Graph output and per-page SEO fields.
  • Lightweight, compositor-based animation for smooth performance on desktopandmobile.
  • Fully responsivewith intentional mobile layouts (no pins on touch), keyboard-accessible links and ARIA labels.
  • Translation-ready and built on current standards.

Perfect for

Management consulting · Strategy & advisory firms · Boutique agencies · Finance, capital & investment · Corporate & professional services · Coaches and senior independents — anyone selling clarity and outcomes.

✅ Feature Checklist

  • Cinematic, scroll-driven fog → figure experience
  • Live WebGL + Canvas background scene (with safe fallback)
  • 100% dynamic — every text, image, icon, link, colour & font editable
  • Elementor page builder + custom Exsul widgets
  • Advanced Custom Fields PRO Theme Settings
  • Contact Form 7 — styled contact & booking forms
  • One-Click Demo Import + options file
  • Editorial Paper & Ink palette — re-skins the whole site instantly
  • Fraunces + Inter + JetBrains Mono typography (configurable)
  • GSAP + ScrollTrigger + Lenis smooth, jitter-free motion
  • Reduced-motion safe & fully responsive
  • 6 service-detail pages with clean consulting URLs + 301 redirects
  • Insights blog: listing, single, archive, category, tag, search
  • SEO-optimized, semantic, translation-ready
  • Custom icon set, generative brand mark & favicon
  • Designed 404, mega Chapter Index menu, editorial footer
  • WordPress 6.0+ / PHP 8.0+ ready

Requirements

WordPress 6.0+ · PHP 8.0+ · MySQL 5.7+/MariaDB 10.3+ · Elementor · Advanced Custom Fields PRO · Contact Form 7 · a WebGL-capable browser (graceful fallback otherwise).