Brixzon

Overview

Brixzon is a design-build architecture and construction marketing landing by SonoJS (demo brand: Brixzon ®, Est. 1996). Zero-build static HTML with custom CSS, Inter Tight + Tanker fonts, hero.js slat stage, and main.js interactions. Hero Spaces defined by craft, purpose, and lasting integrity. with Explore our capabilities CTA, four disciplines (Design-Build, Parametric Engineering, Civic & Urban, Residences & Master Planning), filterable Selected Work grid, Discover → Design → Engineer → Build → Handover process, practice stats, client voices, collab contact form, and Brixzon footer. Demo studio chrome only - no CRM backend. Run with npx --yes serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Craft hero stage

   Slatted image hero with Est. 1996 mark and Explore our capabilities CTA.

2. 02

   Four disciplines + work

   Design-Build through Residences, plus filterable Selected Work project grid.

3. 03

   Process to collab

   Five-step delivery, practice stats, client voices, and contact form.

4. 04

   Zero-build static

   npx --yes serve . - style.css, animations, hero.js, main.js, and image sets.

You get

• index.html (Brixzon — Architecture & Construction)
• css/style.css + css/animations.css
• js/hero.js + js/main.js
• assets/fonts Inter Tight + Tanker; images hero/about/projects/services

Run locally

From the unzipped project folder:

npx --yes serve .