Inside the Belgrade Arbor website design
Belgrade Arbor is built with custom code, Next.js, and Three.js. Its pages are built from hero, features, editorial, gallery, and footer sections, shown here in full-page captures and a scroll recording. Typography: Editorial Old (display text and headings) and Work Sans (body text). Colours: background #F4F0DB, text #2E3A26, accent #A68150, surface #60735C.
Discover Belgrade Arbor - premium apartments and business spaces in New Belgrade. Explore residences, amenities, location, and availability. Its visual style is editorial, minimal, and corporate, with navigation bar, hero with background imagery, and testimonial card among its components.
Why we picked it
A huge serif wordmark sits over a render of the building's tree-like facade, then gives way to a deep green panel that lets the eye rest before each section restarts. Cream backgrounds, numbered dividers and short bulleted lists for location, floor plans and amenities keep a long property brochure easy to scan room by room.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Editorial: expressive typography with comfortable reading measure
- Gallery: minimal interface around the images
Sections from Belgrade Arbor
Questions designers ask
What fonts does Belgrade Arbor use?
Belgrade Arbor uses Editorial Old for display text and headings, and Work Sans for body text, measured from the captured page's CSS.
What is the Belgrade Arbor website built with?
The Belgrade Arbor website is built with custom code, Next.js, and Three.js, detected when the page was captured.
What colours does the Belgrade Arbor website use?
Measured from the captured page's CSS, the Belgrade Arbor website uses #F4F0DB for the background, #2E3A26 for text, #A68150 as an accent, and #60735C for surfaces.
What sections does the Belgrade Arbor website have?
The Belgrade Arbor website includes hero, features, editorial, gallery, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
