Katalog — Cultural-Asset Investment Platform
A brutalist luxury-finance marketing site for an institutional cultural-assets platform — neon-yellow accents, an animated hero, and an unmistakably institutional aesthetic.
Visit live site ↗
Katalog (KTLG) is building “the first institutional platform for cultural assets” — its line is “Where Culture Becomes Capital.” The brand had to feel like both halves of that sentence. The brief was a balance most sites get wrong: brutalist and bold enough to stand out, institutional enough that serious money takes it seriously.
The challenge
Brutalism and luxury finance pull in opposite directions. Push too hard on the edge and it reads as a fashion microsite; play it too safe and it disappears into the gray sea of fintech. The site had to carry weighty positioning — “Custodians of the Rare and the Remarkable,” “Digitally Native. Culturally Rooted. Financially Engineered.” — alongside real asset-class numbers (Fashion $2.1B, Archives $890M, Art $450M, Design $350M, Music $180M) without ever tipping into either gimmick or generic fintech.
The approach
We built on Next.js 14 with TypeScript and Tailwind, using Framer Motion for the hero and in-page transitions. The accent system is disciplined: Imperio Yellow (#EEFF04) used as punctuation, not wallpaper, against a near-grayscale base so the boldness reads as intentional. Type and grid do the institutional heavy lifting; motion gives the page life.
What we built
- An interactive 3D folder visual (
WebGLFolder/FolderVisual) that responds to mouse movement — the literal “katalog” made tactile - The Katalog Framework section laying out the five-step process: Culture → Preservation → Structure → Activation → Value
- A Services grid of the six offerings — Cultural Preservation, Asset Securitization, Heritage Valuation, Archive Monetization, Legacy Protection, Digital Transformation
- Animated Statistics counters for the asset-class valuations, plus a scrolling Ticker, a PulseVisualization / ScrollPulse signal motif, and VideoMorph transitions
- Branded standalone legal pages — Privacy, Terms, Risk Disclosure, and an AML Policy — built to the same brutalist system, plus a working contact form via the API route
- A custom type stack (Monument, Monument Mono, Roobert) and the disciplined neon-yellow-on-grayscale palette applied across every component
The outcome
Katalog looks like nothing else in its category and still feels trustworthy — which is exactly the line a cultural-asset platform has to walk. Distinctive design and engineering discipline aren’t a trade-off in our work; they ship together.