Progist redesign · sandbox

Three directions.
Pick one, then we roll it out.

Each is a fully built, scrollable homepage using your real product data — not a mockup. Every one respects prefers-reduced-motion and leaves your production pages completely untouched.

Momentum

Light-first · premium SaaS · light + dark

Soft mesh-gradient wash, animated gradient headline, sticky stacking scroll steps, count-up metrics, magnetic CTAs and directional-hover nav — with a real light/dark toggle that persists.

Strength

Keeps your existing brand blue and stays credible to enterprise buyers, while feeling considerably more alive than the current site. Ships light mode as a first-class citizen.

Trade-off

Closest to the modern-SaaS convention, so it differentiates less on pure novelty than the bolder options.

Open the live page

Aurora

Deep space · neon mesh · glass

Near-black canvas with drifting violet/cyan/magenta aurora, glassmorphic panels, magnetic CTAs, cursor spotlight and per-character headline reveals.

Strength

Feels like a modern security platform (Vercel / Linear / Arc). Highest 'futuristic' payoff, safest for enterprise trust.

Trade-off

Dark-only. Long-form pages (knowledge base, policies) need a paired light reading mode.

Open the live page

Prism

Bright · colour-blocked · editorial

Warm paper base that morphs hue as you scroll, hard 2px borders with offset shadows, oversized editorial type, serif italic accents and a bento product grid.

Strength

Maximum vibrancy and personality. Stands out hardest against every other cybersecurity site, which all look identical.

Trade-off

Boldest departure from your current brand. Reads more 'design studio' than 'SOC vendor'.

Open the live page

Grid

HUD · terminal · ops console

Command-centre aesthetic: scanlines, corner brackets, radar sweep, live streaming threat feed, typed terminal output and a glitching headline.

Strength

Speaks directly to technical buyers. Your WarRoom product already leans this way — it would feel native.

Trade-off

Heaviest use of motion. Needs discipline so utility pages don't turn into a toy.

Open the live page

What a full rollout means

You have 50 routes. Once you pick a direction, the work is: rebuild the design tokens in globals.css and tailwind.config.ts, rewrite the shared shell (header, footer, buttons, cards), then move page-group by page-group — homepage, 11 product pages, free tools, partner portal, then the long-form content pages.

Compare with the current site

Three directions.Pick one, then we roll it out.

What a full rollout means

Three directions.
Pick one, then we roll it out.