Triptych

Triptych is a SaaS template with a twist: every section ships in three hand-crafted styles, and a switcher that flips them live.

A clean Minimal, a brutalist Bold and a serif Editorial. Not recolors: each style genuinely re-composes the page. The hero goes from a centered card to full-bleed B&W to a magazine cover with a cream wash. Features flip from a bento grid to a numbered index to a centered manifesto. Even your hero photo is auto-art-directed per style from a single image control.

Switch styles your way. Lock one look per section from the properties panel, let visitors flip the whole page with the floating switcher, or mix identities per section. Every combination has a shareable URL, perfect for A/B tests and client sign-off calls. Every section has its own switcher chips with active states; hide them with one toggle when you've decided.

Built to be easy. All copy is editable from the properties panel, no digging into components. Two CMS collections power the features (with case-study detail pages) and testimonials. Colors and type live in 3 token folders: a full rebrand takes about 30 minutes. A complete Template Guide page and a 9-view Style Matrix board are included in the file.

Complete and production-ready. Home, work index, CMS-powered detail pages with quick-facts sidebar, custom 404. Native hamburger menu on mobile, responsive across all breakpoints, WCAG AA contrast in all three palettes, purposeful animations, semantic HTML and clean Lighthouse scores.

• 3 complete visual identities: Minimal, Bold & Editorial

• 8 section components × 3 style variants each

• Live style switcher: section chips, floating toggle & URL parameters

• CMS: Features (with detail pages) & Testimonials

• Pricing section with highlighted plan

• Case-study pages + work index

• 18 color tokens · 15 responsive text styles · 6-button variants

• Template Guide + Style Matrix

• Custom 404, favicon, social image, hover states & micro-animations