Novo lice grada.
Sto pedeset metara do mora, i nijedan kompromis unutra.
Brand system · v1 · 2026
Dobrodošli u Novi Bar
Novi Bar is a new quarter in Šušanj, built by VM Inženjering, a builder that has worked in Bar since 1995. The brand is calm and earthy: the colors of limewash, stone and walnut, wide capitals that sound like architecture, and a voice that names things plainly.
Logo
A small skyline on one line
The mark is a house, two towers and a gable standing on one ground line, above a geometric wordmark with an open A. It is drawn as a single weight of line, so it holds up at any size. Tap a ground to see it in use, or play it again to watch the quarter go up.
Colors
The original logo is Škriljac (slate). On the website it sits next to brown text, so use Zemlja on light grounds and Kreč on Zemlja. Keep slate for signage and print where the logo stands alone.
Clear space
Keep at least the height of the letter N clear on every side. Minimum width: 96 px on screen, 25 mm in print.
Text logo
In the website header the name is set in Fahkwang, as text. It's quieter than the full logo and reads well at small sizes.
Color
Limewash, stone and earth
Six colors taken from the building itself: lime render, stone, sand, walnut and the earth under it. Limewash and Earth carry most pages; the rest fill the space between. Tap any swatch to copy its value.
Typography
Wide capitals, plain sentences
Fahkwang sets every headline, label and button in capitals with a touch of extra spacing. Google Sans Flex handles everything people actually read. Two faces, no exceptions.
Display
Fahkwang
0123456789 → m²
- Weights
- Regular 400, Bold 700 for the claim only
- Case
- Always uppercase
- Tracking
- +1% headings, +4% buttons, +10% the claim
Text
Google Sans Flex
0123456789 · m² · €
- Weights
- Light 300 body, Regular 400 leads, Italic for quotes
- Russian
- Inter, which has Cyrillic
- Case
- Sentence case
- Size
- 16 / 22 / 30 px on desktop
Fasada, staklo i stolarija su ono što odlučuje da li je stan topao u januaru i hladan u avgustu. Mi ih navodimo poimenično jer se mogu provjeriti.
Neither Fahkwang nor Google Sans Flex has Cyrillic on Google Fonts. Russian pages use Inter (already in the Figma file) for headings and text, uppercase headings at the same tracking.
Fahkwang 80 / 112
Fahkwang Bold 58 / +10%
Fahkwang 30 / 39 / +1%
Fahkwang 20 / 100%
Google Sans 22 / 28.6
Google Sans 16 / 20.8
Google Sans 13 / +1%, caps
Components
Built from the website
Square corners, one-pixel lines and a long thin arrow. Buttons are uppercase Fahkwang; hover swaps fill and line. Everything below is live.
Buttons
Filled for the one action that matters on a screen (book a viewing). Outlined with an arrow for moving deeper. Bare arrow links on dark sections.
Language switch
Navigation
Šušanj, ne samo "blizu mora"
Mirni dio Bara između magistrale i šetališta. Plaža je bliža nego parking većine zgrada u centru.
Residence card
Jednosoban stan tip 1
- Bogat skladištenim prostorom
- Površine od 47.0+ m²
- Balkon za savršena jutra
Specification
Ono što se ne vidi na renderu
Fasada, staklo i stolarija odlučuju da li je stan topao u januaru i hladan u avgustu. Navodimo ih poimenično jer se mogu provjeriti.
Proof
Ljudi koji su već ušli
“Uselili smo se u decembru 2022, tačno kad je rečeno. Tri godine kasnije nemamo nijednu ozbiljnu primjedbu, a stan je i dalje topao zimi bez velikih računa.”Dragan P. · Faza 1, lamela 1
u Baru
i useljeno
Imagery
Painted light, real places
Renders are painted, not photoreal: golden-hour light, soft clouds, a little grain. Real streets, real mountains, people walking at a normal pace.
Voice
Say it plainly, then prove it
Short, warm claims with a fact behind them. Name the product, the distance, the year. Never "luxury", never "exclusive".
Plaža je bliža nego parking većine zgrada u centru.
The beach is closer than most buildings' parking in the center.
Mi ih navodimo poimenično jer se mogu provjeriti.
We name them because they can be checked.
Trideset godina, jedna firma, jedan grad.
Thirty years, one company, one city.
Tu smo za vas, 24/7 preko cijele godine.
We're here for you, 24/7, all year.
Tokens
Copy this into the project
CSS variables for the palette and type, plus the font link. Paste them into Lovable's global stylesheet, or give Lovable this page's link and ask it to use these values exactly.
novi-bar-logo.svg novi-bar-symbol.svg novi-bar-wordmark.svg
/* Novi Bar brand tokens */
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@400;700&family=Google+Sans+Flex:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@300;400&display=swap');
:root {
/* Color */
--nb-zemlja: #493929; /* Earth: primary, text, buttons */
--nb-kreč: #EDEBE6; /* Limewash: page ground */
--nb-kamen: #D2CFC6; /* Stone: second ground */
--nb-pijesak: #9E948A; /* Sand: overlays, rules on dark */
--nb-orah: #76695B; /* Walnut: secondary text */
--nb-škriljac: #757985; /* Slate: original logo only */
/* Fonts */
--nb-font-display: 'Fahkwang', Georgia, serif; /* always uppercase */
--nb-font-text: 'Google Sans Flex', 'Google Sans', Arial, sans-serif;
--nb-font-ru: 'Inter', Arial, sans-serif; /* Russian (Cyrillic) */
/* Type scale: size / line-height / letter-spacing */
--nb-display-xl: 80px; --nb-display-xl-lh: 1.4;
--nb-claim: 58px; --nb-claim-ls: 0.1em; /* Fahkwang Bold */
--nb-h2: 30px; --nb-h2-lh: 1.3; --nb-h2-ls: 0.01em;
--nb-h3: 20px; --nb-h3-lh: 1.2;
--nb-lead: 22px; --nb-lead-lh: 1.3;
--nb-body: 16px; --nb-body-lh: 1.3;
--nb-caption: 13px; --nb-caption-ls: 0.01em; /* uppercase */
--nb-button: 16px; --nb-button-ls: 0.04em; /* uppercase */
/* Shape */
--nb-radius: 0px;
--nb-border: 1px solid var(--nb-zemlja);
--nb-button-height: 42px;
}