Kiln
🛠 Free Tools Get in touch
🛠 Free Tools & AI Utilities ↗

Get in touch

Tell us a little about your project and we'll follow up by email with licensing and download details.
Architecture Portfolio

Strata

A long-form scrollytelling theme for a boutique architecture and urban design studio, opened by a generative WebGL massing hero with an ambient site-survey particle field drifting behind it. Project pages pin image transitions as you scroll and track a cursor-trail interaction, with a Project custom post type built around genuine architectural-drawing detail language. Four purposeful WebGL and Three.js moments run through a warm material palette rather than a single decorative gimmick.

strata.kilnwp.com LIVE
Strata Open live preview ↗

Highlights

  • Long-form scrollytelling homepage for an architecture studio
  • Generative WebGL massing hero + ambient site-survey particle field
  • Pinned project image transitions + cursor-trail interaction
  • Project CPT with architectural-drawing detail language

Overview

Strata is a long-form scrollytelling theme for a boutique architecture and urban design studio. Rather than a project grid, it is built for the way architects actually present work — one scheme at a time, in sequence, with the drawing and the reasoning side by side. A generative WebGL massing hero and an ambient site-survey particle field open the site.

Pinned project image transitions and a cursor-trail interaction carry the reader through each scheme, and the Project post type uses architectural-drawing detail language — site, programme, area, status — instead of generic portfolio fields. Four purposeful WebGL/Three.js moments are placed across the site rather than an effects reel, on a warm material palette that reads as built work rather than as software.

Generative WebGL massing hero + ambient site-survey particle field Pinned project image transitions + cursor-trail interaction Project CPT with architectural-drawing detail language Warm material palette, four purposeful WebGL/Three.js moments

What's included

  • Full theme source — every template, style sheet & script
  • One-click demo importer (idempotent, no page builder)
  • Live Customizer controls for copy, colours & content
  • Translation-ready .pot file + RTL stylesheet
  • HTML documentation + a CHANGELOG file
  • Lifetime updates + 6 months support (renewable)

Specifications

WordPress5.6 – 7.0
PHP8.0 – 8.3
BrowsersChrome, Firefox, Safari, Edge (latest)
LayoutFully responsive, mobile → desktop
LocalizationTranslation-ready · RTL included
AccessibilityKeyboard-navigable · prefers-reduced-motion
Page builderNot required — native Customizer
LicenseGNU GPL v2 · single-site commercial

Release

v1.0.0 A long-form scrollytelling theme for a boutique architecture and urban design studio, opened by a generative WebGL massing hero with an ambient site-survey particle field drifting behind it. Project pages pin image transitions as you scroll and track a cursor-trail interaction, with a Project custom post type built around genuine architectural-drawing detail language. Four purposeful WebGL and Three.js moments run through a warm material palette rather than a single decorative gimmick.

The complete, dated version history ships in the theme’s CHANGELOG file. Every purchase includes lifetime access to future updates.

You might also like

AETHERIA

AETHERIA

79

The background is the product. A real WebGL2 particle field runs behind the whole site, five simulations deep, with its live state reported in the rail rather than claimed in the copy. It's a genuine WebGL2 transform-feedback particle integration with a ping-ponged trail buffer, sharing one engine across five simulations on a classic no-build-step PHP theme with zero third-party JavaScript. Case studies, capabilities, recognition, and testimonials run as real post types, backed by a working AJAX inquiry endpoint that actually stores and notifies — built for creative and design agencies.

agency creative
View →
Concours

Concours

64

A real glossy WebGL2 automotive-paint shader with studio-strip-light streak reflections for a background, not a stock gradient — plus a real AACA-structured 100-point judging calculator, a real numbers-matching explainer, and a real restoration timeline estimator. The hero visually restores as you scroll: dull primer to mirror-sharp show lacquer.

Craft Luxury
View →
Burl

Burl

64

A real hand-written WebGL2 wood-grain shader for a background, not a texture image — plus a real USDA Wood Handbook movement calculator, a real Janka hardness selector, and a genuinely computed bookmatch visualizer. Cathedral-to-quartersawn grain transition tied to the same real wood science the tools compute.

Craft Luxury
View →