Screenshot of Belyi Ostrov House

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".

Other flagship

Design tokens

ink
ink2
grey
gold
goldAlt
navy
navy2
cream
creamLight
white
glass
blueLink
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.