Az eszköz betöltése…
Menüpontok, főoldali blokkok, időpontfoglalás, webshop, chat, színek és betűk – azonnal látod, hogyan néz ki az oldalad asztali gépen és mobilon, és egy kattintással ajánlatot kérhetsz rá.
Az ágazat adja a kiinduló menüt, blokkokat, funkciókat és színeket – utána mindent átírhatsz.
Ajánlott hangulat: barátságos. A paletta újrakeverhető.
Paletta
Betűpár
Ezek az aloldalak kerülnek a menübe (legfeljebb 10). A sorrend a nyilakkal állítható.
A főoldal szakaszai felülről lefelé. Adj hozzá, vegyél ki, rendezd át – az előnézet azonnal követi.
Hozzáadható blokkok
Ezek adják az oldal tudását. A Kódvéna kész, karbantartott integrációival kerülnek be.
A szolgáltatás- és árlista-blokkban jelennek meg. Az ár nem kötelező.
Nyugodt, barátságos légkör
Női, férfi és gyermek hajvágás · Hajfestés és melír · Alkalmi frizurák
Szolgáltatásaink
Miben segíthetünk?
Női, férfi és gyermek hajvágás
Foglalj időpontot pár kattintással.
Hajfestés és melír
Foglalj időpontot pár kattintással.
Alkalmi frizurák
Foglalj időpontot pár kattintással.
Hajápoló kezelések
Foglalj időpontot pár kattintással.
Miért minket?
Amiért a(z) Minta Fodrász-t választják
Időpontfoglalás
Foglalj időpontot online
November
Női, férfi és gyermek hajvágás
Vélemények
Ezt mondják rólunk
Kata
Bence
Éva
GYIK
Gyakori kérdések
Foglalj időpontot online
FoglalásKapcsolat
Írj nekünk
Minta Fodrász
+36 … · info@mintafodrasz.hu
H–P 9–17
Minta Fodrász
fodrászat
Főoldal
Árlista
Munkáink
Időpontfoglalás
Csapatunk
Adatkezelés · ÁSZF
Nunito + Open Sans
Ehhez illő kategória: Céges weboldal (5–10 aloldal)
A teljes terv (menü, blokkok, funkciók, szolgáltatások, színek, betűk) átkerül az igényfelmérő asszisztenshez – semmit nem kell újra begépelned.
Lépésről lépésre
Válaszd ki, mivel foglalkozol: ebből jön a kiinduló menü, a főoldal blokkjai, a funkciók és a színek – utána mindent átírhatsz.
Add hozzá vagy rendezd át a menüpontokat és a főoldal szakaszait, kapcsold be az időpontfoglalást, a webshopot, a chatet vagy a hírlevelet.
Megbízható, prémium, barátságos vagy játékos? A hangulat a telítettséget, a kiemelőszínt és a betűpárt is meghatározza.
Három változatból választhatsz; ha van márkaszíned, abból indulunk ki. A betűpárok ékezetes (latin-ext) Google Fonts családok.
A kész tervet megoszthatod linkként, megnézheted a tájékoztató árát, és egy gombbal átadhatod az igényfelmérő asszisztensnek.
Tudnivalók
Egy elsődleges szín a gomboknak és linkeknek, egy kiemelőszín, a többi semleges árnyalat. Így a látogató mindig tudja, hova kattintson.
A halvány szürke szöveg fehér háttéren gyakran nem éri el a 4,5:1 arányt. A tábla minden színpárt ellenőriz, világos és sötét témában is.
Nem minden betűtípusban van ő és ű. A javasolt párok mindegyike támogatja a magyar ékezeteket – a mintaszövegben rögtön látod.
Kész látványtervet is szeretnél? Próbáld ki a látványterv-generálót, vagy nézd meg, hogyan mutat az oldalad mobilon.
GYIK
Pár perc alatt összerakod, milyen legyen az oldalad: menüpontok, főoldali blokkok, funkciók (pl. időpontfoglalás, webshop), szolgáltatások, színek és betűk. Az élő előnézet asztali és mobil nézetben is mutatja, a tervet pedig egy kattintással átadhatod a Kódvénának ajánlatkérésre.
Nem: a terv az oldal címében (linkjében) van, így könyvjelzőzheted vagy elküldheted bárkinek. Ha ajánlatot kérsz, a teljes terv átkerül az igényfelmérő asszisztenshez.
A „Tájékoztató ár” gomb az árkalkulátort a terved szerint előtöltve nyitja meg (kategória és funkciók). A pontos árat az igényfelmérés utáni egyedi ajánlat adja.
A WCAG 2.1 akadálymentességi irányelv szerint a normál méretű szövegnél legalább 4,5:1, a nagy szövegnél és a felületi elemeknél (pl. ikonok) legalább 3:1 kontrasztarány szükséges az AA szinthez. Az eszköz a gombok és a halvány szövegek színét addig sötétíti vagy világosítja, amíg ez teljesül.
A javasolt családok a Google Fonts kínálatából valók, amelyek nyílt licencűek (többnyire SIL Open Font License), így kereskedelmi weboldalon is használhatók. Mindegyik támogatja a magyar ékezeteket (ő, ű).
Ha a betű a Google szerveréről töltődik, a látogató IP-címe eljut a Google-hoz, ami adatvédelmi kérdéseket vet fel. A Next.js next/font modulja letölti és a saját domainedről szolgálja ki a betűket – az export fülön ehhez kész kódot találsz.
A globals.css fülön lévő :root és .dark blokkot másold a projekted globals.css fájljába a meglévő változók helyére. A shadcn/ui komponensek (Button, Card, Badge…) ezekből a változókból veszik a színeiket.
Kapcsold be a „Saját szín használata” opciót, és add meg a hex kódot. A színárnyalat megmarad, a világosságot a kontraszt miatt igazíthatjuk.
Eszközök