Design Rationale
Why Harborline looks like the dark.
This page documents the visual system built for Harborline Capital: a fictional ultra-high-end commercial real estate capital firm. Every decision below serves one idea — confidence expressed through scarcity and darkness, never through brightness or noise.
Palette
A night-mode-only brand. There is no light section anywhere on this site — the darkness is not a theme toggle, it is the brand. Gold is used sparingly, reserved for the moments that matter: a call to action, a figure, a hairline border. It never fills a background.
Navy Black
#06090F
Primary background — the night itself
Gold
#C9A24B
Sole accent — CTAs, numerals, hairlines
Glass White
rgba(255,255,255,0.06)
Panel fills at 6–15% opacity
Ivory Text
#EDE7DA
Primary copy, warm rather than clinical white
Typography
Display / Headlines
Bodoni Moda
A high-contrast didone serif with the thin-to-thick stroke ratio of old money typesetting: Vogue mastheads, engraved invitations, private bank letterhead. It reads as earned rather than styled.
Body / UI
Inter
A quiet, highly legible grotesk that gets out of the way. Against the drama of Bodoni Moda, Inter lets the numbers and the fine print do their job without competing for attention.
The Particle Skyline
The signature technique behind Harborline is a canvas-rendered field of points of light, arranged into an abstract night skyline across three parallax depth layers. As the visitor scrolls, the camera drifts through the field — distant towers shift slowly, near towers shift fast, and thousands of individually flickering window lights create the sense of a living, occupied skyline rather than a static illustration.
01
Depth through parallax
Three layers of towers and stars move at different speeds relative to scroll position, creating a fly-through sensation without the weight of a full WebGL scene graph.
02
Living light
Each lit window flickers on its own sine-wave cycle. Nothing repeats in lockstep — the skyline reads as occupied, not decorative.
03
Why it fits
A CRE capital firm trading in trophy towers should feel like it lives inside the skyline it invests in — not beside a stock photo of one. The technique makes the brand's subject matter the literal texture of the page.
Overall Rationale
Most commercial real estate marketing defaults to brightness: white backgrounds, blue accent colors, stock photography of handshakes and glass lobbies at midday. That vocabulary signals accessibility, which is precisely wrong for a firm whose entire value proposition is scarcity. Harborline inverts the convention: dark instead of bright, gold instead of blue, restraint instead of eagerness. Glass panels with hairline gold borders borrow the material language of the towers themselves — glass, night, ambient light — so the interface and the asset class feel like the same material.
