Overview
A ridiculously over-engineered, high-fidelity dark-themed SaaS landing page built for the modern megalomaniac.
The Problem
Generic templates are for peasants. The elite need a bespoke, pixel-perfect digital mansion with OKLCH colors, Bricolage Grotesque typography, and an artificial inflation engine for maximum flex.
What I Did
- Designed a highly aesthetic, premium dark-themed SaaS dashboard landing page
- Built a dashboard mockup using pure CSS Grid and divs—avoiding heavy charting libraries
- Implemented an 'Artificial Inflation Engine' code block feature
- Created a 'breathing' UI with smooth hover states, pulses, and an infinite marquee
Tech Stack Details
Frontend
Next.js (App Router)
Styling
Tailwind CSS v4 (Lightning CSS), OKLCH Colors
Typography
Bricolage Grotesque, Manrope
Key Learnings
Advanced Theming
Mastered perceptual uniformity with OKLCH colors for vibrant web design
Aesthetic Engineering
Focused heavily on aesthetic micro-interactions and high-end visual design
Modern CSS Features
Utilized Tailwind v4 and CSS Grid for performant layouts without heavy JS dependencies