🎨 Branding & Paletta

2 paletta

A) Arany & Sötét

Jelenlegi irány — prémium, elegáns, Slixol-stílusú sötét háttér arany akcentusokkal

#F4CF6D
#D4AF37
#B8860B
#0A0A0F
#12121A
#F0EDE8

B) Kék & Arany

Logó-alapú — a BB sötétkék + arany kombinációja, melegebb és barátságosabb összhatás

#1F3044
#2A4058
#162536
#F4CF6D
#D4AF37
#E8EDF2

Hero

3 variáció
A variáció

Golden Glow

Pulzáló arany radiális glow a háttérben, geometrikus alakzatok, massive tipográfia, dual CTA.

Glow effektTipográfia-vezérelt
Megnyitás
B variáció

Full-Bleed Kép

Teambuilding AI kép teljes háttérben, sötét + arany gradient overlay, parallax scroll.

Fotó-vezéreltParallax
Megnyitás
C variáció

Split Collage

Bal oldalon szöveg, jobb oldalon 3 átfedő AI kép forgatással. Dekoratív „B" a háttérben.

Split layoutFotó collage
Megnyitás

Header / Navigáció

3 variáció
A variáció

Dark Glass

Sötét, backdrop-blur header, arany akcentus vonal, Szolgáltatások dropdown, mobil hamburger.

Glass blurDropdown menü
Megnyitás
B variáció

Meleg Kontraszt

Fix bézs háttér, sötét szöveg — mindig olvasható, magas kontraszt. Dropdown Szolgáltatásokhoz.

Magas kontrasztMindig olvasható
Megnyitás
C variáció — ÚJ

Navy Színátmenet

BB logó kékje a headerben — navy gradient háttér, arany CTA, meleg-fehér szöveg. Szolgáltatások dropdown.

Navy gradientLogó szín
Megnyitás

Szolgáltatások

3 variáció
A variáció ⭐

Fullscreen Váltakozó

100vh szekciók, kép balról-jobbról beúszik, nagy tipográfia. Side nav, progress bar, parallax.

FullscreenSlide-inSide nav
Megnyitás Kedvenc
B variáció

Képkártyák + Hover

3 nagy képkártya egymás mellett, hover-re leírás jelenik meg. Parallax háttér, beúszás.

KépkártyákHover reveal
Megnyitás
C variáció — ÚJ

Letisztult Képes

Hasonló az A-hoz de elegánsabb — kisebb kép (45%), lekerekített sarkok, arany dekoratív vonal, több levegő. Nincs side nav.

LetisztultKépesElegáns
Megnyitás

Miért pont mi?

4 variáció
A variáció

Színes Sávok

6 teljes szélességű színes strip, váltakozó háttérszínekkel. Scroll-ra oldalról beúsznak.

Color blockingVáltakozó sávok
Megnyitás specialevent.hu ihletésű
B variáció

Kulcsszó Felhő

Lebegő kulcsszavak pill formában, különböző méretben. Beúsznak, majd finoman lebegnek.

Lebegő pill-ekDrift animáció
Megnyitás
D variáció — ÚJ

Ikon + Szöveg (jelenlegi)

A mostani bondbeyond.hu stílusú layout — 3x2 grid, ikon felül, cím + leírás alatta. Sötét háttérre adaptálva.

Jelenlegi stílus3x2 gridIkonok
Megnyitás
C variáció

Számok Beszélnek

Statisztikák animált számlálókkal: 10+ év, 50+ rendezvény, 2000+ résztvevő. Arany gradient számok, 3x2 grid.

Counter animációStatisztikák
Megnyitás

Folyamat

5 variáció
A variáció

Váltakozó Idővonal

Függőleges arany vonal középen, 4 lépés bal-jobb váltakozva. Scroll-ra rajzolódó vonal, pulzáló pontok.

Rajzolódó vonalVáltakozó kártyák
Megnyitás
B variáció

Interaktív Accordion

4 lépéses accordion, arany számokkal. Egyszerre csak egy nyitva, aktív elem arany szegéllyel.

AccordionSmooth animáció
Megnyitás
C variáció — ÚJ

Horizontális Scroll

Görgetve a lépéskártyák horizontálisan mozognak — modern, egyedi élmény. Sticky pozíció + scroll-kötött animáció.

Horizontal scrollStickyModern
Megnyitás
D variáció

Számlálós Kártyák

2x2 grid, számok felpörögnek viewport-ba éréskor. Arany top border rajzolódik, dekoratív összekötő útvonal.

Counter animáció2x2 gridSVG path
Megnyitás
E variáció — ÚJ

Képes Folyamat

Váltakozó kép-szöveg blokkok (70vh), valódi fotókkal. Ken Burns zoom, arany akcentus vonal, slide-in animáció.

KépesVáltakozóKen Burns
Megnyitás

Csapat

3 variáció
A variáció

Hover Reveal Kártyák

5 csapattag, grayscale fotó hover-re színesre vált. Speech bubble hashtag-ekkel, kontakt fade-in.

Grayscale hoverSpeech bubble
Megnyitás
B variáció

Csapatkép + Profilok

Teljes szélességű csapatkép fent, alatta kör alakú profilok arany kerettel, hashtag pill-ek.

Közös képArany keret
Megnyitás
C variáció — ÚJ

Magazin Stílusú

Aszimmetrikus grid — 2 nagy kártya (Karcsi, Gergő) + 3 kisebb. Hover-re bio jelenik meg, fotó zoom. Editorial feeling.

AszimmetrikusMagazinHover bio
Megnyitás

Visszajelzések

2 variáció
A variáció

Forgó Fullscreen Idézetek

Egy idézet látszik egyszerre, 6 másodpercenként váltás. Dekoratív idézőjel, dot navigáció.

Auto-rotateCrossfade
Megnyitás
B variáció — ÚJ

Pakolt Kártya Carousel

Kártyák egymásra pakolva, a felső kártya elhúzható/automatikusan továbblép. Touch-támogatás, számláló, partner logók.

Stacked cardsSwipeModern
Megnyitás

CTA & Footer

3 variáció
A variáció

Drámai Arany CTA

Full viewport, intenzív arany glow középen, CTA gomb, footer logóval és social ikonokkal.

Pulzáló glowTeljes footer
Megnyitás
B variáció

Split Form + Footer

Bal oldalon meggyőző szöveg + trust signals, jobb oldalon ajánlatkérő form floating label-ekkel. Teljes footer alatta.

Split layoutFormTrust signals
Megnyitás
C variáció — ÚJ

Interaktív Ajánlatkérő

Lépésről lépésre haladó mikro-form: típus → létszám → időpont → elérhetőség. Kártyás választás, animált átmenetek.

Step-by-stepInteraktívKártyás
Megnyitás