Egy tinta, hat lakó
Ez a lap a belső referencia: színtokenek, tipográfia, a formanyelv, a logóhasználat szigorú szabálya, a jel, az al-márka rendszer és a hangnem. Minden érték tokenből jön — komponensben nincs literál szín. A nyilvános oldalon ezekből semmi nem szerepel: ott csak az van, ami a látogatónak szól.
A tinta rajzol, egy lakó dominál
--ink) rajzol, és egyszerre csak egy platformszín dominál — azé, akiről a felület szól. A hat szín együtt csak az ernyőmárka saját felületein jelenik meg. Szekcióháttér-recept:
color-mix(in srgb, var(--c-X) 7%, var(--bg)). Az Értéktanú kék a meglévő #123244-ből világosodik, így a régi és az új arculat nem üti egymást.
:root{
--bg:#EFF3F1; --surface:#FAFCFB; --plaza:#E1E9E6;
--ink:#152836; --muted:#5A6B76; --line:#152836;
--shadow:rgba(21,40,54,.9);
--c-vp:#D9534E; --c-pod:#6F3D5E; --c-et:#3684D6;
--c-int:#7D5CF0; --c-pro:#159C74; --c-ft:#EFA02E;
--tint-vp:#F8E4E3; --tint-pod:#E9E2E7; --tint-et:#E1EDFA;
--tint-int:#EAE4FC; --tint-pro:#DDF2EA; --tint-ft:#FBEED8;
}
/* sötét téma: --bg:#0D1C29; --surface:#16293A; --ink:#EAF1F5; … (lásd ssp.css) */
Karakteres cím, nyugodt szöveg
Előbb az érték, aztán a pecsét.
600–800-as vágás, szoros sorköz, text-wrap:balance. Teljes magyar ékezetkészlet: á é í ó ö ő ú ü ű.
Az árvíztűrő tükörfúrógép hajnalban ért a Főtérre, és 24 órán belül hitelesített szakvéleményt kapott róla.
400–600-as vágás, 17 px alapméret, 1.6 sorköz, ~65 karakteres sorhossz. Számokhoz: font-variant-numeric:tabular-nums — 1 248 500 Ft/m².
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:wght@400;500;600;700&display=swap">
Visszafogott lap, határozott jel
Alapelem
1 px-es hajszálkeret (--edge), 12 px lekerekítés, lágy és mély árnyék (--sh-1). A felület nyugodt, a tartalom viszi a hangsúlyt.
Emelkedés
A kártyák nem dőlnek — egyenes rács. Rámutatásra 3 px-et emelkednek, és mélyebb árnyékot kapnak (--sh-2). A mozdulat visszafogott.
Kiegészítők
Hajszálkeretes színpöttyök, folytonos elválasztó vonalak, pirula-címkék, és apró, halk konfetti-négyzetek a hero-ban.
/* Két külön vonalszín:
--line = az ILLUSZTRÁCIÓ vonala (a jel, a logótálalás) — tintaerős marad
--edge = a FELÜLET kerete (kártya, gomb, pirula) — hajszálvékony, halk */
--edge:rgba(21,40,54,.16);
--sh-1:0 1px 2px rgba(21,40,54,.05), 0 4px 12px -6px rgba(21,40,54,.16);
--sh-2:0 2px 4px rgba(21,40,54,.06), 0 12px 26px -12px rgba(21,40,54,.24);
.sticker{
background:var(--surface);
border:1px solid var(--edge);
border-radius:12px;
box-shadow:var(--sh-1);
}
/* kártyák: nincs döntés; hover: translateY(-3px) + var(--sh-2) */
A logófájlhoz nem nyúlunk
A hat logó eredeti, változtatás nélküli fájlként kerül ki — nem újrarajzolt SVG. Az illeszkedést kizárólag CSS-tálalás adja: vékony, fehér kivágásszegély a sziluett mentén és lágy árnyék. Forgatás nincs.
logo-vproperty.jpgJPG · 200×200 · körre vágva
PODCAST
Podcast — ideiglenessaját jel még nincs
logo-ertektanu.pngPNG · 371×340 · átlátszó
…-intelligence.pngPNG · 512×512
logo-ertektanu-pro.pngPNG · 1254×1254
logo-foter.pngPNG · 928×928 · 26% rádiusz
.lg img{
filter:
drop-shadow(1px 0 0 var(--die-cut)) drop-shadow(-1px 0 0 var(--die-cut))
drop-shadow(0 1px 0 var(--die-cut)) drop-shadow(0 -1px 0 var(--die-cut))
drop-shadow(0 2px 3px rgba(21,40,54,.22));
}
.lg img[alt^="VProperty"]{border-radius:50%} /* körlogó: fehér sarkok levágása */
.lg img[alt^="Főtér"]{border-radius:26%} /* lekerekített négyzet sziluett */
A négyzet, amelyik figyel
A négyzet
A tér, a telek, az alaprajz és a képernyő közös formája. Az egész portfólió ráfér egy alakzatra — ettől megjegyezhető.
A szem
A tanú, aki lát, és az intelligencia, ami észreveszi az összefüggést. A pupilla követi a kurzort: a tér tényleg figyel.
A mosoly
Produkciós iroda, nem hivatal. A vastag kontúr és a matrica-árnyék kézzel rajzolt karaktert ad a névjegytől a videó-outróig.
◼ jelet több rendszer emojiként rajzolja és nem fogadja el a színt.
Írásban, ahol nincs formázás, SSP a helyes alak.
Matricák a bőröndön
Hat önálló márka, egy kézjegy. Mindegyik a saját színével és logójával jelenik meg — a gazda halkan alatta.
VProperty.hua praxis
PODCAST
VProperty Podcasta hang
Értéktanúa pecsét
ÉT Intelligenceaz agy
Értéktanú Proa számológép
Főtéra reggeli kávé
Ahogy a tér beszél
Rövid mondatok, pont.
A Főtér már most így beszél — ez a közös ritmus minden platformon.
„Reggel 7. Egy oldal. Kávé mellé.”
Előbb a lényeg, aztán a pecsét.
Átláthatóság mint márkaígéret: az ügyfél előbb lát, aztán fizet.
„Előbb az érték, aztán a pecsét.”
Szakértő, nem hivatal.
Nem kell megtanulni ingatlanosul. A tér lefordítja.
„Nem lista. Döntés.”
Ami még hiányzik
-
tulajdonos
Podcast saját logó
Jelenleg a VProperty-embléma áll a helyén szilvaszínű PODCAST-pirulával. Amint megjön a saját jel, csak az
assets/fájl és két<img>cserélendő. -
tulajdonos
Áruházi linkek az Értéktanúhoz
Az App Store URL beírandó az
ssp.jstetején lévőAPP_LINKSobjektumba. A Google Play gomb mögé csak akkor kerüljön link, ha az Android-alkalmazás tényleg létezik; addig nem kattintható. -
tulajdonos
Domain és kapcsolat
A smartsquareproductions.com szabad (Verisign RDAP, 2026-08-31); .eu/.hu nagy valószínűséggel szabad. Élesítés után az
og:url, azog:imageés a canonical abszolút címre állítandó, és jöhet a kapcsolati blokk.