Belyi Ostrov House
belyi-ostrov.house/A premium St Petersburg residential development ("Белый Остров" / White Island) that sells aspiration through cinematic craft - a gold-and-navy luxury palette, a full-screen architectural hero, GSAP page-transition wipes and a Three.js/WebGL layer, with calm cream glass cards promising "a place of rest and strength".
Design tokens
- display
- GillSansProCyrillic
- body
- GillSansProCyrillic / Century Gothic
- mono
Do / Don't
Reference it for
- Desire-and-prestige architecture for high-end real estate / property: a cinematic full-bleed architectural hero, a completion/status badge, and an emotional lifestyle pitch over the building photography.
- Full-screen GSAP page-transition wipes (super-wrapper-in/out) that make navigating a property site feel like a curated film.
- A Three.js/WebGL atmospheric or interactive layer for a premium, immersive feel.
- A luxury palette: gold + deep navy + warm cream + near-black, restrained but rich, with green/colour coming from architecture and sky photography.
- Glassy translucent cards (white 0.8 / cream) floating over full-bleed photography as the content surface.
- A preloader (a brand gem/mark) as a deliberate luxury threshold, plus slow 1s transitions for an unhurried, expensive feel.
Do not copy
- The exact gold #a08032 + navy #022647 palette, the gem wordmark and GillSansProCyrillic (re-skin and substitute fonts).
- The literal building photography, the "ДОМ СДАН" status and the Russian copy/contact - these are Belyi Ostrov's real assets. A rebuild uses the client's own development.
- The Yandex/VK/Comagic analytics stack. Rebuild lean on Astro.
Signature moves
full-screen page-transition wipe
navigating between scenes plays a full-screen masking overlay that slides in to hide the change and out to reveal the next architectural scene, so moving through a property site feels like cuts in a curated film rather than clicking pages.
architecture hero with floating glass cards
a full-bleed architectural photograph of the completed building carries translucent white/cream glass cards holding an emotional lifestyle pitch and a 'completed' status badge, selling lifestyle and prestige over floorplans or price.
slow-cinematic luxury restraint
a branded gem preloader threshold, slow 1s transform/opacity reveals, a disciplined gold/navy/cream palette where the colour comes from architecture, and spacious full-screen scenes make the experience feel unhurried and expensive.
Related references
Toll Brothers
flagshipOther
America's luxury homebuilder selling aspiration at scale - a Domaine serif over Gotham, a "Your New Home Starts Here" community-search configurator, Designer Appointed Collections, and an Apple Maps community finder, all in a restrained navy-and-tan system that makes a production builder feel bespoke and desirable.
Cubitts
nicheHealth
a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.
Avantgarde Properties
strongOther
A Dubai luxury real-estate agency that sells status boldly - a near-black canvas, an enormous mixed bold-sans-and-italic-serif display ("Welcome To / Avant Garde Real Estate"), full-bleed property films, a developer-partner logo wall (EMAAR, DAMAC, Nakheel), and copy aimed squarely at "the world's elite".
Catbird
nicheRetail
a Brooklyn fine-jewellery boutique with an editorial fashion-magazine voice, a Denton Condensed display serif over a TT Fors sans, warm cream and charcoal fields, a cinematic campaign hero and a scrolling "SOLID GOLD ALWAYS" ticker.