Design Direktíva v1.0 · élő styleguide
Avico brand
Ez az oldal a app/globals.css tokenjeiből renderel. A színmezőkre kattintva a hex a vágólapra kerül. Ha a token változik, ezt az oldalt is frissíteni kell.
Logók
Jelhasználat
Avico Group — vegyes, kékElsődleges. Világos (paper / cream) háttéren. Fejléc: 129 × 48 px./uploads/2024/11/Avico_Group_vegyes.png1555 × 575 px
Avico Group — vegyes, fehérSötét (ink) háttéren és fotó fölött. Lábléc: 162 × 60 px./uploads/2024/11/Avico_Group_vegyes_white.png1555 × 575 px
Avico Group — álló, kékÁlló elrendezés — szűk, magas felületre (nyomtatvány, tábla)./uploads/2024/11/Avico_Group_vertical_blue.png2000 × 2368 px
Favicon / app-ikon512 × 512 px, négyzetes. Böngészőfül és PWA-ikon./uploads/2024/10/cropped-avico_favico.png512 × 512 px
Spring GardenAlmárka. A projekt-oldalakon data-brand="spring-garden" mellett./uploads/2025/02/spring_garden_logo.png2000 × 591 px
GreenTopAlmárka-jel (SVG). data-brand="greentop"./uploads/2024/09/Layer_1.svg76 × 38 px
Solaria HomesAlmárka, csak fehér változat érhető el — sötét alapon használható. data-brand="solaria"./uploads/2026/03/Solaria-logo-2026-white-03.png532 × 289 pxA logó körül mindig hagyj legalább a jel magasságának megfelelő védőzónát. A kék jelet soha ne tedd sötét háttérre és fordítva — erre való a fehér változat.
Színek
Anyamárka
Kattintásra a hex a vágólapra kerül.
Funkcionális — lakásstátusz
Almárka-accentek
Accent-szabály: az accent SOHA nem kerül nagy felületre. Kizárólag CTA-n, eyebrow-n, aktív állapoton és vékony kiemelő vonalon jelenhet meg. A nagy felületek mindig az anyamárka ink / paper / cream színei.
Tipográfia
Poppins — négy szerep
Élő mintaszedés az oldal saját stílusaival.
Otthonok, amikre büszkék vagyunk
Aktuális fejlesztéseink Budapesten
Az Avico Group Magyarország egyik vezető lakóingatlan-fejlesztője. Minden egyes fejlesztésünket alapos tervezés előzi meg, hogy a lokáció, a megközelíthetőség, a minőség és a szolgáltatások szempontjából ideális lakóparkokat alkossunk.
Szereptáblázat
| Szerep | Vágás | Méret | Megjegyzés |
|---|---|---|---|
| H1 / .h1 | Poppins Thin 100 | clamp(38px, 6vw, 76px) | line-height 1.1 · letter-spacing −0.02em · csak 36px felett, kontrasztos háttéren |
| H2 / .h2 | Poppins Bold 700 | clamp(28px, 3.6vw, 46px) | line-height 1.15 · letter-spacing −0.01em |
| H3 / .h3 | Poppins Regular 400 | clamp(20px, 2vw, 26px) | line-height 1.3 |
| Törzsszöveg | Poppins Regular 400 | 17px | line-height 1.65 · szín: --avico-text |
| .eyebrow | Poppins Regular 400 + font-stretch: condensed | 13px | VERZÁL · letter-spacing 0.12em · szín: --accent |
| .num | Poppins Bold 700 | öröklött | font-variant-numeric: tabular-nums — minden számadat |
| .small / .legal | Poppins Regular 400 | 13px | opacity 0.6 · line-height 1.5 |
Almárkák
Egy család, három személyiség
A szekció vagy oldal gyökerére tett data-brand attribútum automatikusan átállítja az --accent tokent. A tipográfia, a raszter és a semleges színek változatlanok maradnak — csak a kiemelés vált.
Spring Garden
#3E9B63
data-brand="spring-garden"
GreenTop
#0F6B4F
data-brand="greentop"
Solaria Homes
#CF9434
data-brand="solaria"
Komponens-alapok
Gombok, címkék, mezők
Egy oldal = egy elsődleges CTA. Grádiens kizárólag fotó fölötti olvashatósági overlay-ként (.photo-overlay) használható, dekorációként soha.
Sötét szekció
Ink háttéren
A .section--ink a lezáró CTA-k és a lábléc alapja. Ezen a felületen a fehér logóváltozat és a .btn--light gomb használandó.