Digital Sanctum
Our own marketing site — Eleventy + Tailwind + Pagefind search. Dark sovereign brand with data-driven service pages and SEO-optimised blog clusters.
Dark Brand & Engineering Identity
Digital Sanctum's own marketing presence embodies the sovereign-dark aesthetic we sell — an unapologetically bold brand built on amber accents, deep charcoal backgrounds, and typographic weight that signals engineering-first thinking.
- Custom dark-theme design system with amber accent palette and high-contrast readability
- Typography-driven layout hierarchy that conveys authority and technical precision
- Consistent brand tokens enforced through Tailwind CSS custom configuration
- Animated micro-interactions that reward exploration without compromising performance
- Responsive breakpoints optimised for both developer desktop workflows and mobile browsing
Key Outcome
The site landed a 98 Lighthouse performance score while delivering a distinctive brand identity that immediately communicates the studio's engineering ethos to prospective clients.
Data-Driven Service Pages
Each service page on digital-sanctum.com.au is built from structured data files rather than hard-coded content, enabling rapid iteration on pricing tiers, feature matrices, and case study callouts without touching templates.
- YAML-driven service definitions that decouple content from presentation logic
- Dynamic feature comparison tables that update site-wide from a single data source
- Embedded case study rotators pulling from a curated Eleventy collection
- CTA variant testing through interchangeable data blocks per service tier
- Analytics-anchored content sections that surface highest-conversion copy paths
Key Outcome
Content updates that previously required template edits now happen via pull request on data files alone, reducing deployment cycles from hours to minutes and enabling non-developer team members to contribute service copy.
Pagefind Search & SEO Architecture
Full-text search powered by Pagefind runs entirely client-side with zero external dependencies, indexing every service page, blog post, and case study into a searchable corpus that respects the site's static nature.
- Zero-configuration Pagefind indexing that rebuilds on every Eleventy deploy
- Custom search UI with amber highlight markers and keyboard-navigable results
- Semantic HTML structure and JSON-LD schema markup for every content type
- Automated sitemap generation and canonical URL enforcement across all pages
- Meta-tag composition from frontmatter data ensuring consistent Open Graph previews
Key Outcome
Pagefind delivers sub-100ms search results across the entire site corpus with no server-side infrastructure, while the SEO foundation drove a 40% increase in organic discoverability for long-tail service queries within three months of launch.
Eleventy Static Architecture
The site runs on Eleventy's zero-client-JS philosophy — server-rendered templates produce clean HTML that degrades gracefully, with progressive enhancement layered in only where it meaningfully improves the user experience.
- Nunjucks template inheritance system with modular partials for headers, footers, and card components
- Asset pipeline orchestrated through Eleventy's built-in passthrough copy and custom collections
- Incremental builds that re-render only changed pages during development iteration
- Build-time image optimisation pipeline producing WebP variants with responsive srcsets
- Deployment to Cloudflare Pages with automatic branch previews for staging review
Key Outcome
The static architecture serves the entire site from a global CDN edge network with zero origin round-trips, achieving consistent sub-200ms Time-to-First-Byte across Australian and international visitors.