./work / brand-tech

Cinematic Astro site with generative video hero for a tech consultancy

Astro Tailwind GSAP LTX-2 video generation cPanel deploy
~/work/brand-tech $ cat README.md
client: [tech consultancy, anonymized]
status: LIVE
demos: 10 built and deployed
outcome: direction picked, site shipped same day

The problem

A tech consultancy needed a brand-forward site that stood out in a commoditised market. The problem wasn't capability. It was visual direction: which aesthetic fits, and how do you pick one without committing to six weeks of design iterations?

They didn't know which direction to commit to. We solved that first.

The approach

Ten distinct Astro demo concepts built in a single session, each deployed over HTTPS for live browser evaluation. Not mockups. Not screenshots. Real URLs, real CSS, real scroll behavior.

The client evaluated all ten, picked a direction. We built from there.

The ten demos

demos/ demo-a/ Aurora Gradient — mesh orbs, dark navy, Inter demo-b/ Workshop Terminal — monospace, amber accent demo-c/ Studio Dark — minimal, single accent, bold type demo-d/ Editorial Light — serif, high contrast, white demo-e/ Cinematic Dark — full-bleed, GSAP hero, video demo-f/ Grid Brutalist — visible grid, stark, no-nonsense demo-g/ Aperture — photography aesthetic, dark, f/stops demo-h/ Neon Forge — dark, neon accents, synthwave demo-i/ Clean Code — code-aesthetic, VS Code palette demo-j/ Midnight Studio — deep purple, glass panels ^--- winner: extended from here

All ten deployed to HTTPS subdomains. Client opened each in a browser, no presentation required. The selection took 20 minutes. The production build started immediately after.

The production site

final-site/ framework/ Astro (static, fast, no JS overhead) styles/ Tailwind CSS, custom design tokens animation/ GSAP for scroll-triggered transitions hero/ generative video loop (LTX-2) - theme: web/code visual language - format: looping WebM, poster fallback - generated locally, no cloud API cost deploy/ cPanel rsync, automated on push

The video hero was generated with LTX-2 on local GPU. A web-and-code visual theme: abstract circuit traces, light refractions, clean motion. The loop is seamless, the fallback poster loads instantly on slow connections.

GSAP handles scroll-triggered section reveals and the navbar state transition. No React, no hydration, no bundle size overhead.

Outcome

All ten demos shipped over HTTPS for client evaluation. Final site shipped the same day the direction was picked. The client went from "we don't know what we want" to a live production site in one session.

Yes, the terminal aesthetic you're reading this on was one of the ten. It's a good one.

> back to all work    > start your project