Skip to main content
Novi Kvadrat

Press & brand

Brand and press kit

Logos, colours, type and design tokens — the same files the product is built from — plus the facts and figures journalists ask us for.

Download brand kit Download novi-kvadrat-brand-kit-2026-10-18.zip, 7.7 MB

ZIP · 7.7 MB · updated October 18, 2026

Press contact

info@novikvadrat.rs

On a deadline? Say so in the subject line and give us the time.

Press questions go to our main inbox for now.

About

About Novi Kvadrat

Two lengths of boilerplate to copy as they stand, the company facts, and counts taken from live data.

Short · 24 words

EN

Novi Kvadrat is a catalogue of new-build housing in Serbia: what is being built, where, by whom and at what price, in one place.

Long · 103 words

EN

Novi Kvadrat is a real-estate marketplace for Serbia, built around new-build housing. It collects what is being built, where, by whom and at what price — new-development projects with their units and floor plans, homes for sale and for rent, and the developers and agencies behind them — and publishes it in one place, in five languages. Project pages sit next to official market statistics from the Statistical Office of the Republic of Serbia (RZS) and the Republic Geodetic Authority (RGZ). Search is free for buyers; developers and agencies pay to list. Novi Kvadrat is operated by Novi Kvadrat Group DOO in Belgrade.

Facts

Name
Novi Kvadrat
Company
Novi Kvadrat Group DOO
Based in
Belgrade, Serbia
Languages
English, Serbian, Turkish, German, Russian
Website
novikvadrat.rs
Projects
483
Apartments available
1,136
Developers
353
Cities
29

Counted from live data · October 19, 2026How we count

Market figures

Official figures, ready to cite

Prices and permits from the Statistical Office of the Republic of Serbia (RZS), each with its definition, source and period.

Figures as CSV Download novi-kvadrat-market-figures-2026-10-19.csv, 2 KB

market-figures.csv · 2 KB

Building permits, dwellings

40,021

Dwellings in buildings for which a construction permit was issued during the year.

RZS · 2025

Cite as

Short
Source: Novi Kvadrat, based on RZS data (2024).
Full
Novi Kvadrat (2026). Official new-build price per m², Serbia, 2024. Based on data from the Statistical Office of the Republic of Serbia (RZS), processed by Novi Kvadrat. https://novikvadrat.rs/en/statistics — accessed October 19, 2026.

MethodologyOpen statistics

Official €/m² by city · RZS 2024

Belgrade
2,623 €/m²
Novi Sad
1,966 €/m²
Niš
— No official figure for this period

We never mix official achieved prices with listing asking prices in one figure.

Logo rules

Using the logo

Room, size, the right file for the background, and the name in text. If a use is not covered here, write to us before you publish.

Clear space

Keep clear space on every side equal to the blue square (x). Nothing — text, edges, other logos — enters it. Files ending in “-clearspace” have this margin built in.

Minimum size

Full logo: at least 24 px tall on screen, 7 mm in print. Mark alone: at least 16 px on screen, 5 mm in print.

Actual size

24 px · 7 mm

Full logo

16 px · 5 mm

Mark

Backgrounds

Choose the file by what sits behind it.

  • Correct use: LogoWhite, light grey, light photos
  • Correct use: Logo, reversedInk, near-black, plain dark colour
  • Correct use: Logo, whiteNK Blue, saturated colour, any photo
  • Correct use: Logo, blackOne-colour print

Misuse

Use the files exactly as supplied.

  • Incorrect use: Don’t stretch or squash it
  • Incorrect use: Don’t recolour it or swap the two colours
  • Incorrect use: Don’t rotate or tilt it
  • Incorrect use: Don’t add shadows, glows, gradients or outlines
  • Incorrect use: Don’t move the mark or reset the words in another font
  • Incorrect use: Don’t put the colour logo on blue or a busy photo
  • Incorrect use: Don’t box it, crop it or put it in a shape
  • Incorrect use: Don’t use the retired 2025 artwork

The name

How to write it in copy.

Correct use: Novi Kvadrat

Two words, capital N and K, in every language — the name is not translated or transliterated.

  • Incorrect use: NoviKvadrat
  • Incorrect use: Novi kvadrat
  • Incorrect use: NOVI KVADRAT (in running text)
  • Incorrect use: NK (in public copy)

Colour

Logo colours and the interface palette

NK Blue and Slate belong to the logo only. The interface has its own, interactive blue, and every interface colour has a light and a dark value.

Logo colours

Every format, each one copyable, with its contrast on white and on ink.

Brand · logo only

NK Blue

Logo only — the square and “KVADRAT”

HEX#0058E3
RGB0 88 227
HSL217 100% 45%
OKLCH51.2% 0.223 261.1
CMYK*C100 M61 Y0 K11
Token--ds-logo-a

AA5.99 : 1 on white

Large text3.21 : 1 on ink

* CMYK is a screen conversion, not a print match. Printers: ask us for a proof.

Brand · logo only

Slate

Logo only — the body and “NOVI”

HEX#34405C
RGB52 64 92
HSL222 28% 28%
OKLCH37.4% 0.051 266.2
CMYK*C43 M30 Y0 K64
Token--ds-logo-b

AAA10.32 : 1 on white

Not for text1.86 : 1 on ink

* CMYK is a screen conversion, not a print match. Printers: ask us for a proof.

Interface colours

Light value on the left, dark on the right, as the site renders them.

Primary

Buttons, links, focus

Light#1A57DB
Dark#3C83F6

--ds-primary

Primary strong

Link text, hover

Light#1842B4
Dark#5A9CF2

--ds-primary-strong

Ink

Headings and primary text

Light#020817
Dark#EDEDED

--ds-ink

Sub

Supporting text

Light#475569
Dark#A5A5AC

--ds-sub

Muted

Secondary text and captions

Light#64748B
Dark#8F8F99

--ds-muted

Line

Hairlines and card edges

Light#E2E8F0
Dark#26262A

--ds-line

Canvas

Page ground

Light#F8FAFC
Dark#0E0E10

--ds-canvas

Surface

Cards and panels

Light#FFFFFF
Dark#18181B

--ds-surface

Verified

Verified checks

Icons and large text only on light

Light#16A249
Dark#3DDB77

--ds-verified

Danger

Errors and destructive actions

Light#DC2828
Dark#DC2828

--ds-danger

Data ramp

One orange ramp, light to dark, for the statistics maps and charts.

  • #F9C489
  • #F4A054
  • #EC7D1E
  • #CD5F00
  • #9A4700

Typography

Three typefaces, one job each

All three are free under the SIL Open Font License 1.1 and on Google Fonts. Bricolage Grotesque has no Cyrillic, so Russian pages fall back to Inter.

Display

Bricolage Grotesque

New homes across Serbia.

Public headings and big numbers. Never in the product console.

  • 400
  • 500
  • 600
  • 700
  • Latin
  • Latin Ext.
  • Cyrillic

Russian pages fall back to Inter

SIL Open Font License 1.1Google Fonts (opens in a new tab)

Text & interface

Inter

Two-bedroom apartments in Novi Sad, ready to move in

Body copy, navigation, forms, every interface label.

  • 400
  • 500
  • 600
  • 700
  • 800
  • Latin
  • Latin Ext.
  • Cyrillic

SIL Open Font License 1.1Google Fonts (opens in a new tab)

Data & labels

IBM Plex Mono

1,839 €/m² · +4.1% · RZS 2024

Kickers, figures, prices, IDs — always tabular.

  • 400
  • 500
  • 600
  • Latin
  • Latin Ext.
  • Cyrillic

SIL Open Font License 1.1Google Fonts (opens in a new tab)

Type scale

The type ramp from the design tokens, from the display numeral to the smallest data label, each shown at its real size.

  1. Display

    Bricolage Grotesque 600 · 32 / 1 · -0.02em

    New homes across Serbia.

  2. Stat number

    Bricolage Grotesque 600 · 28 / 1.2 · -0.01em

    1,839 €/m²

  3. Page title

    Inter 600 · 20 / 1.2 · 0

    Two-bedroom apartments in Novi Sad, ready to move in

  4. Card title

    Inter 600 · 16 / 1.2 · 0

    Two-bedroom apartments in Novi Sad, ready to move in

  5. Body

    Inter 400 · 14 / 1.5 · 0

    Two-bedroom apartments in Novi Sad, ready to move in

  6. Interface

    Inter 500 · 13 / 1.5 · 0

    Two-bedroom apartments in Novi Sad, ready to move in

  7. Kicker

    IBM Plex Mono 500 caps · 11 / 1.5 · 0.18em

    Market figures

  8. Data label

    IBM Plex Mono 500 caps · 10 / 1.5 · 0.10em

    Market figures

Design tokens

The values the product is built from

Exported from the live design system as W3C Design Tokens and as CSS variables, light and dark.

TokenLightDark
--ds-canvas#f8fafc#0e0e10
--ds-surface#ffffff#18181b
--ds-raised#f9fafb#131315
--ds-panel#fbfcfd#121215
--ds-rail#f9fafb#141417
--ds-overlay#ffffff#1d1d20
--ds-line#e2e8f0#26262a
--ds-line-control#e2e8f0#2c2c30
--ds-line-soft#f1f5f9#1f1f23
--ds-line-strong#cbd5e1#404045
--ds-line-flyout-header#eef2f6#26262a
--ds-ink#020817#ededed
--ds-text#384252#bfbfc4
--ds-sub#475569#a5a5ac
--ds-muted#64748b#8f8f99
--ds-faint#94a3b8#666670
--ds-ghost#cbd5e1#404045
--ds-kebab-idle#d3dae3#404045
--ds-count#7c8aa0#898994
--ds-numeral#020817#d9d9d9
--ds-primary#1a57db#3c83f6
--ds-primary-strong#1842b4#5a9cf2
--ds-primary-washrgba(26,87,219,0.10)rgba(60,131,246,0.12)
--ds-primary-chip-washrgba(26,87,219,0.15)rgba(60,131,246,0.18)
--ds-primary-soft#eaf1fd#172136
--ds-primary-chip#dcebfe#24314c
--ds-primary-chip-fg#1842b4#94c0f9
--ds-primary-active#183490#183490
--ds-primary-cta#1a57db#1a57db
--ds-primary-cta-hover#1842b4#1842b4
--ds-primary-badge#1a57db#326be7
--ds-on-primary#ffffff#ffffff
--ds-logo-a#0058e3#0058e3
--ds-logo-b#34405c#ffffff
--ds-avatar-bg#34405c#24314c
--ds-avatar-fg#ffffff#c3ddfd
--ds-verified#16a249#3ddb77
--ds-thumb-bg#e8edf3#27272a
--ds-trend-up#157f3c#3ddb77
--ds-trend-down#ba1c1c#f07575
--ds-saved-heart#dc2828#f07575
--ds-chart-bar#cfe0fb#24314c
--ds-chart-ramp-strong#3c83f6#5a9cf2
--ds-chart-ramp-mid#94c0f9#94c0f9
--ds-status-dot-warn#db7706#db7706
--ds-danger#dc2828#dc2828
--ds-danger-hover#ba1c1c#ba1c1c
--ds-danger-active#991b1b#991b1b
--ds-dark-secondary-btn-bg#232326#232326
--ds-dark-secondary-btn-fg#bfbfc4#bfbfc4
--ds-hover-wash#f1f5f9#27272a
--ds-outline-on-band#ffffff#18181b
--ds-field-error-border#dc2828#f07575
--ds-field-error-fg#ba1c1c#f07575
--ds-switch-thumb-off#ffffff#666670
--ds-switch-thumb-off-border#cbd5e1transparent
--ds-switch-thumb-on#ffffff#0e0e10
--ds-slider-bubble-bg#020817#ededed
--ds-slider-bubble-fg#ffffff#0e0e10
--ds-segmented-track#f1f5f9#131315
--ds-segmented-track-bordertransparent#26262a
--ds-segmented-active#ffffff#27272a
--ds-secondary-btn-bg#ffffff#232326
--ds-secondary-btn-fg#475569#bfbfc4
--ds-secondary-btn-border#e2e8f0#232326
--ds-secondary-btn-hover-bg#f8fafc#2c2c30
--ds-hint#64748b#a5a5ac
--ds-skeleton#f1f5f9#27272a
--ds-empty-disc-bg#f1f5f9#27272a
--ds-progress-track#e2e8f0#26262a
--ds-progress-fill#1a57db#3c83f6
--ds-progress-ok#16a249#3ddb77
--ds-progress-warn#db7706#f4be34
--ds-progress-error#dc2828#f07575
--ds-avatar-tint-bg#dcebfe#24314c
--ds-avatar-tint-fg#1842b4#c3ddfd
--ds-badge-ring#ffffff#18181b
--ds-scrimrgba(2,8,23,0.55)rgba(2,8,23,0.55)
--ds-danger-fg#ba1c1c#f07575
--ds-dropzone-bg#fbfcfd#131315
--ds-kbd-recessed-bg#f8fafc#131315
--ds-table-bg#ffffff#0e0e10
--ds-row-hover-bg#f8fafc#131315
--ds-row-selected-bg#f0f6ff#0f1729
--ds-thumb-count-bgrgba(0,0,0,0.6)rgba(0,0,0,0.6)
--ds-thumb-count-fg#ffffff#ffffff
--ds-step-done-fg#ffffff#0d2617
--ds-track-soft#f1f5f9#27272a
--ds-tile-hover-bg#f8fafc#1d1d20
--ds-card-hover-border#94a3b8#404045
--ds-card-glass-bgrgba(255,255,255,0.95)rgba(24,24,27,0.95)
--ds-card-chip-bgrgba(255,255,255,0.92)rgba(24,24,27,0.92)
--ds-card-dot-bgrgba(255,255,255,0.62)rgba(255,255,255,0.62)
--ds-card-dot-active-bgrgba(255,255,255,0.98)rgba(255,255,255,0.98)
--ds-card-dot-borderrgba(15,23,42,0.10)rgba(15,23,42,0.10)
--ds-heat-low-bgrgba(219,119,6,0.12)rgba(219,119,6,0.12)
--ds-heat-low-borderrgba(219,119,6,0.20)rgba(219,119,6,0.20)
--ds-heat-medium-bgrgba(219,119,6,0.24)rgba(219,119,6,0.24)
--ds-heat-medium-borderrgba(219,119,6,0.35)rgba(219,119,6,0.35)
--ds-heat-high-bgrgba(220,40,40,0.18)rgba(220,40,40,0.18)
--ds-heat-high-borderrgba(220,40,40,0.30)rgba(220,40,40,0.30)
--ds-heat-peak-bgrgba(220,40,40,0.32)rgba(220,40,40,0.32)
--ds-heat-peak-borderrgba(220,40,40,0.45)rgba(220,40,40,0.45)
--ds-heat-pending-ringrgba(219,119,6,0.6)rgba(219,119,6,0.6)
--ds-interest-fill#1a57db#1a57db
--ds-interest-borderrgba(26,87,219,0.35)rgba(26,87,219,0.35)
--ds-cell-greyscale-bgrgba(241,245,249,0.6)#131315
--ds-hero-tab-band-bgrgba(241,245,249,0.7)rgba(31,31,35,0.7)
--ds-hero-card-borderrgba(226,232,240,0.6)rgba(38,38,42,0.6)
--ds-hero-tab-hairlinergba(226,232,240,0.8)rgba(38,38,42,0.8)
--ds-chart-washrgba(100,116,139,0.08)rgba(100,116,139,0.08)
--ds-media-scrimrgba(2,8,23,0.62)rgba(2,8,23,0.62)
--ds-media-scrim-softrgba(2,8,23,0.45)rgba(2,8,23,0.45)
--ds-media-liftrgba(14,14,16,0.82)rgba(14,14,16,0.82)
--ds-media-lift-linergba(255,255,255,0.20)rgba(255,255,255,0.20)
--ds-media-veilrgba(14,14,16,0.6)rgba(14,14,16,0.6)
--ds-media-veil-linergba(255,255,255,0.14)rgba(255,255,255,0.14)
--ds-media-glassrgba(255,255,255,0.94)rgba(255,255,255,0.94)
--ds-media-glass-linergba(255,255,255,0.6)rgba(255,255,255,0.6)
--ds-media-ink#ffffff#ffffff
--ds-media-ink-chiprgba(255,255,255,0.8)rgba(255,255,255,0.8)
--ds-media-ink-idlergba(255,255,255,0.72)rgba(255,255,255,0.72)
--ds-media-ink-hintrgba(255,255,255,0.7)rgba(255,255,255,0.7)
--ds-media-ink-quietrgba(255,255,255,0.62)rgba(255,255,255,0.62)
--ds-media-ink-disabledrgba(255,255,255,0.5)rgba(255,255,255,0.5)
--ds-media-segment-activergba(255,255,255,0.16)rgba(255,255,255,0.16)
--ds-media-segment-active-linergba(255,255,255,0.22)rgba(255,255,255,0.22)
--ds-media-trackrgba(255,255,255,0.18)rgba(255,255,255,0.18)
--ds-media-dividerrgba(255,255,255,0.25)rgba(255,255,255,0.25)
--ds-media-fadergba(14,14,16,0.92)rgba(14,14,16,0.92)
--ds-media-scrim-bottomrgba(14,14,16,0.84)rgba(14,14,16,0.84)
--ds-media-scrim-cinemargba(14,14,16,0.55)rgba(14,14,16,0.55)
--ds-media-joystick-ringrgba(255,255,255,0.10)rgba(255,255,255,0.10)
--ds-media-joystick-ring-linergba(255,255,255,0.28)rgba(255,255,255,0.28)
--ds-media-joystick-knobrgba(255,255,255,0.92)rgba(255,255,255,0.92)
--ds-data-seq-1#f9c489#f9c489
--ds-data-seq-2#f4a054#f4a054
--ds-data-seq-3#ec7d1e#ec7d1e
--ds-data-seq-4#cd5f00#cd5f00
--ds-data-seq-5#9a4700#9a4700
--ds-data-nodatargba(156,163,175,0.45)rgba(156,163,175,0.45)
--ds-data-div-high#cd5f00#f4a054
--ds-data-div-high-soft#f4a054#cd5f00
--ds-data-div-low#3f556e#9fb3cb
--ds-data-div-low-soft#7c93ad#6b83a0
--ds-data-cat-1#1a57db#5a9cf2
--ds-data-cat-2#157f3c#3ddb77
--ds-data-cat-3#7c3aed#a78bfa
--ds-data-cat-4#0e7490#22d3ee
--ds-data-cat-5#b35309#f4be34
--ds-data-cat-6#ba1c1c#f07575
--ds-data-guidergba(100,116,139,0.45)rgba(161,161,170,0.45)
--ds-data-region-linergba(69,50,34,0.28)rgba(255,255,255,0.28)
--ds-data-region-line-strongrgba(69,50,34,0.45)rgba(255,255,255,0.45)
--ds-data-region-label#453222#f2ece2
--ds-pill-new-bg#f0f6ff#0f1729
--ds-pill-new-fg#1842b4#5a9cf2
--ds-pill-new-borderrgba(26,87,219,0.35)#24314c
--ds-pill-ok-bg#f2fdf5#0d2617
--ds-pill-ok-fg#157f3c#3ddb77
--ds-pill-ok-borderrgba(22,162,73,0.35)#1f472e
--ds-pill-warn-bg#fffbeb#2b1508
--ds-pill-warn-fg#b35309#f4be34
--ds-pill-warn-borderrgba(219,119,6,0.35)#54321c
--ds-pill-error-bg#fef1f1#260d0d
--ds-pill-error-fg#ba1c1c#f07575
--ds-pill-error-borderrgba(220,40,40,0.30)#471f1f
--ds-pill-neutral-bg#f9fafb#1b1b1d
--ds-pill-neutral-fg#64748b#a5a5ac
--ds-pill-neutral-border#e2e8f0#313135
--ds-kbd-bg#ffffff#1d1d20
--ds-kbd-fg#64748b#898994
--ds-kbd-border#e2e8f0#313135
--ds-nav-pill-bg#ffffff#18181b
--ds-nav-pill-fg#7c8aa0#898994
--ds-nav-pill-border#e2e8f0#313135
--ds-nav-pill-active-bg#dcebfe#24314c
--ds-nav-pill-active-fg#1842b4#94c0f9
--ds-nav-pill-active-bordertransparenttransparent
--ds-tab-chip-bg#f1f5f9#27272a
--ds-tab-chip-fg#64748b#a5a5ac
--ds-tab-chip-active-bgrgba(26,87,219,0.15)rgba(60,131,246,0.18)
--ds-tab-chip-active-fg#1a57db#5a9cf2
--ds-tab-chip-alert-bgrgba(239,68,68,0.12)rgba(237,44,44,0.15)
--ds-tab-chip-alert-fg#dc2828#e25050
--ds-ring-inner#ffffff#18181b
--ds-ring-outer#1a57db#3c83f6

Showing 187 of 187

JSON · Light 73 KB Download novi-kvadrat.tokens.json, 73 KBJSON · Dark 73 KB Download novi-kvadrat.dark.tokens.json, 73 KBCSS 21 KB Download novi-kvadrat-tokens.css, 21 KB

Token files

W3C DTCG 2025.10
{
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [0.102, 0.3412, 0.8588],
        "hex": "#1a57db"
      },
      "$extensions": { "rs.novikvadrat": { "cssVar": "--ds-primary" } }
    }
  }
}

The token files follow the W3C Design Tokens format, DTCG 2025.10 — the first stable version of the standard, read by Tokens Studio, Style Dictionary, Penpot and other tools. The CSS file carries the same values as variables. Both are generated from the module the product renders from, so a published value cannot disagree with the site.

Token families

Colour roles
187
each with a light and a dark value
Type ramp
21
size, line height, tracking
Spacing
11
2 → 40 px
Radius
7
4 · 5 · 6 · 8 · 12 · 16 · 999
Elevation
3
overlay, dialog, focus ring
Motion
3
120 · 200 · 1400 ms
Control sizes
3
S 30 · M 36 · L 44 px

Screenshots

The product, as it looks today

Captured from the live site in light and dark. Public pages only: no personal data, no plan prices.

All screenshots Download novi-kvadrat-screenshots-2026-10-18.zip, 6 MB

ZIP · 6 MB · 18 files

Captured October 8, 2026

Contact & terms

How to reach us, and how to use the brand

Press questions go to our main inbox for now.

Press contact

info@novikvadrat.rs

On a deadline? Say so in the subject line and give us the time.

Press questions go to our main inbox for now.

You may

  • Refer to Novi Kvadrat in news, research, reviews and reports
  • Say truthfully that you list on, or use, Novi Kvadrat
  • Use the screenshots for editorial coverage

Please don’t

  • Change the logo’s shape, colours or proportions
  • Suggest that we endorse you or your product
  • Use our name or logo in your own product name, domain or social handle
  • Make our logo more prominent than your own brand

Market figures: credit “Novi Kvadrat, based on RZS data”.

The Novi Kvadrat name and logo belong to Novi Kvadrat Group DOO. For any other use, write to us first.