Ez az élő referencia a teljes arculatot és az összes UI-elemet egy helyen mutatja, hogy
dark és bright módban is revíziózható legyen. Minden elem ugyanazokat a
CSS-tokeneket használja, így a témaváltás (fejléc jobb felső nap/hold ikon) élőben frissít mindent.
Dark-first, light-ready
A sötét felület az alapértelmezett: magabiztos, technológiai hangulat. A világos téma teljes értékű alternatíva, ugyanazokkal a tokenekkel.
Két brand szín
Narancs a cselekvésé (CTA, kiemelés), teal a bizalomé és frissességé (pipák, „Képzések", hoverek).
Token-vezérelt
Szín, tipográfia, rádiusz és layout mind CSS-változó. Később a Cubix → Stílus admin oldal ezeket írja felül a wp_head-en át.
Logó
Logóhasználat
Sötét felületen a fehér, világoson a fekete változat (a fejlécben automatikusan vált a témával).
Fejléc-méret: min. 150px széles, arányosan; körülötte hagyj a logó „c" magasságával egyenértékű levegőt.
Ne told szét, ne forgasd, ne tedd zajos képre kontraszt nélkül.
Színek
Szín-paletta
A swatch-ok az aktuális téma élő értékét mutatják; a hex-kódok a fix dark/light értékek.
Callout. Halvány narancs háttér, fontos infó kiemelésére.
Tudtad?
A „Tudtad?" callout egy tippet emel ki.
Taxonómia
Formátum badge-ek
A cubix_formatum taxonómia (képzésenként 1) színes badge-ként jelenik meg a kártyákon és a single hero képén. Az osztály: kepzes-kartya__badge--{slug}.
A generatív mesterséges intelligencia hajnalán a szakma és a közvélemény figyelmét az egyetlen, gigantikus nyelvi modellen alapuló chatbotok (pl. GPT-4,…
A teljes, működő katalógus a Képzések lista oldalon él. Itt csak a szűrő-UI elemei láthatók.
Komponensek
Szakasz-komponensek
Pipás lista (teal)
Munka mellett, rugalmasan
Mentori támogatás végig
Tanúsítvány a végén
Segmented toggle
Accordion (számozott, egyszerre 1 nyitva)
1Python alapokRövid leírás a fejlécben.
Kinyíló tartalom — listák, szöveg.
2Adatkezelés Pandas-szalRövid leírás a fejlécben.
Kinyíló tartalom — listák, szöveg.
Kiemelt vélemény
Elvégzett képzés: Python Data Analyst
„Nagyon jó képzés volt, sokat tanultam belőle."
Kiss JánosKJ
3-lépéses űrlap (stepper)
Ikonok
Ikonkészlet
Lucide-stílusú, egységes vonalvastagságú készlet. Használat: @include('sections.builder._icon', ['name' => 'users']).
users
user
code
chat
video
monitor
book
target
clock
award
check
spark
rocket
chart
refund
card
shield
play
split
bank
calendar
bell
bulb
download
search
link
mail
arrow-right
x
linkedin
github
globe
facebook
instagram
youtube
settings
Effektek
Glow & tejüveg — választható variánsok
Három glow- és három üveg-változat. Mindegyik mindkét témában működik (válts a fejléc nap/hold ikonjával), a glow-k folyamatosan, finoman pulzálnak; csökkentett mozgás beállításnál állóképre váltanak.
Glow
G1 · Aura.fx-aura
Lélegző háttérfény
A főoldali hero-glow modernizálva: kétszínű (teal + narancs) fényfolt a kártya mögött, lassú, alig észrevehető lélegzéssel. Kiemelt kártyák, vélemény-blokk, hero-média mögé.
G2 · Fénykeret.fx-fenykeret
Körbefutó fényél
Vékony, lassan körbeforgó fénycsík a kártya élén, puha derengéssel. Egy-egy valóban kiemelt elemre való (pl. ajánlott csomag, aktív állapot) — sok kártyán egyszerre sok lenne.
G3 · Gomb-glow.fx-cta-pulzus
CTA fényudvar
A fő CTA alatt meleg, narancs fényudvar lüktet finoman; hoverre felerősödik és megáll. A konverziós gombot emeli ki anélkül, hogy villogna.
Tejüveg (frosted glass)
const kepzes = await cubix.fetch('/kepzesek/python-alapok');SELECT nev, indulas FROM kepzesek WHERE statusz = 'biztos';df.groupby('kategoria').agg({'jelentkezok': 'sum'})kubectl rollout status deployment/cubix-webmodel.fit(X_train, y_train, epochs=20)
F1 · Tejüveg.fx-uveg
Alap üvegkártya
Finom fagyás (18px blur), a felső élen megcsillanó fénnyel. A mögötte lévő tartalom sejlik, de nem zavar — dobozokra, összegzőkre, sticky sávokra.
F2 · Mély fagyás.fx-uveg .fx-uveg--eros
Erős üvegpanel
Áttetszőbb felület, mélyebb (30px) fagyás és egy ferde tükröződés-sáv. Látványosabb — hero-elemekhez, kiemelt statisztikákhoz.
F3 · Üveg + aura.fx-aura + .fx-uveg
Kombináció
A tejüveg kártya mögött a G1 aura lélegzik — a fény átdereng az üvegen. A kettő együtt adja a leglátványosabb, mégis visszafogott hatást.
Hero
Hero szekció — díszítő háttér-ráccsal
Python · Data Analyst
Python alapú data analyst képzés adatelemzéssel
Gyakorlati Python adatelemzés, gépi tanulás alapok és vizualizáció — valós projekteken, mentori támogatással.
PythonPandasSQL
Layout
Reszponzív breakpointok
A jobb alsó jelvény élőben mutatja az aktuális eszköz-osztályt és a viewport szélességét — méretezd át az ablakot a teszteléshez.
Töltsd le a részletes tematikát!
Add meg a neved és e-mail címed, és azonnal elküldjük a képzés részletes tematikáját (PDF).
Kérdésed van?
Írd meg, miben segíthetünk — hamarosan válaszolunk.
Kérj személyre szabott ajánlatot!
Mondd el, melyik tanulási útvonal érdekel — összeállítjuk a neked szóló ajánlatot.
Sütiket használunk
Sütiket használunk az oldal működéséhez, statisztikához és marketinghez. A „Beállítások"-nál testreszabhatod. Adatkezelés · Süti szabályzat
Beállítások
4 süti — részletek
cubix_consent180 nap
A süti-beállításaid tárolása · Cubix
