Card
Kártyák és tartalomKözös felületek, szakaszok és mutatók.
A Baubiber designrendszere
A Baubiber erdőzöldet, építőipari narancsot, jól olvasható betűket és finom térhatást használ. Itt találod a felületeink komponenseit és mintáit.
Projektáttekintés
Költségkeret
Elköltve
Szemléltető projektadatok · 2026. ápr.–szept.
Diagramok
Átlátható skálák, elnevezett adatsorok és olvasható értékek. Diagramjaink ugyanazokat a színszerepeket, betűket és felületeket használják, mint a többi felület.
22 400 €
EUR
58
elvégzett munkatétel
25
projekt
Szemléltető projektadatok · 2026. ápr.–szept.
Komponensek
121 ebből 121 komponens
Az interaktív példák kitalált projektadatokat használnak. Nem módosítanak fiókot.
Közös felületek, szakaszok és mutatók.
Közös felületek, szakaszok és mutatók.
Projekt helyszínnel, állapottal és választható képpel.
Műveletek egyértelmű vizuális hierarchiával.
Műveletek egyértelmű vizuális hierarchiával.
Projekt, előrehaladás és függő teendők.
Helyi adatok keresése, szűrése és rendezése.
Dátumok és időszakok összefüggésben.
Szövegmezők címkékkel és ellenőrzéssel.
Egy választás rádiógombbal, kártyával vagy szegmenssel.
Rögzített vászon mutatóhoz rögzített nagyítással, szabad mozgatással és billentyűvezérléssel.
Személyek és vállalkozások.
Rövid állapot- és metaadatcímkék.
Információ, figyelmeztetés és helyreállítás.
Független választás kapcsolódó címkével.
Kereshető műveletek és célok.
Egyértelmű következmény a megerősítés előtt.
Helyi műveletek egy bejegyzéshez.
Billentyűzetes bevitel és naptárválasztás.
Összpontosított feladatok a környezet megtartásával.
Kapcsolódó műveletek tömör menüje.
Tömör nézetfejléc felugró szűrőkkel és aktív értékekkel.
Keresés, egyszeres és többszörös szűrők.
Nevek választható azonosítóképpel.
Vezérlőkhöz kapcsolt látható címkék.
Beállítások és célok csoportosított sorokban.
Közös keret képekhez és előnézetekhez.
Kiegészítő tartalom az indító elem mellett.
Akadálymentes interakció külön megjelenés nélkül.
Egy érték kiválasztása listából.
Visszafogott elválasztás csoporton belül.
Betöltés a tartalom alakjának megtartásával.
Azonnal érvényes beállítások.
Szabályok célzott adatnézethez.
Késleltetett keresés helyi piszkozattal.
Rendezés iránnyal és akadálymentes állapottal.
Strukturált bejegyzések igazított számokkal.
Nézetváltás egy környezeten belül.
Hosszabb jegyzetek választható karakterszámlálóval.
Világos, sötét és rendszermegjelenés.
24 órás idő billentyűzetes léptetéssel.
Rövid magyarázat rámutatáskor és fókusznál.
Egyértelmű következmény a megerősítés előtt.
Kapcsolódó műveletek tömör menüje.
A beírt összeg értelmezése.
Sorok visszafogott, lépcsőzetes megjelenése.
Állandó képarány változó médiatartalomhoz.
Személyek és vállalkozások.
Rövid állapot- és metaadatcímkék.
Natív párbeszédablak az alsó képernyőszéltől, címmel és műveletekkel.
Független választás kapcsolódó címkével.
Egy választás rádiógombbal, kártyával vagy szegmenssel.
Rövid ünneplés egy mérföldkő elérésekor.
Billentyűzetes bevitel és naptárválasztás.
Billentyűzetes bevitel és naptárválasztás.
Szöveg szerkesztése az olvasás helyén.
A következő műveletek az űrlap alján.
Érthető betöltési állapot a teljes nézethez.
Ikonok következetes méretekkel és szemantikus színekkel.
Az app közös ikonkészlete.
Nevek választható azonosítóképpel.
Szövegmezők címkékkel és ellenőrzéssel.
Vezérlőkhöz kapcsolt látható címkék.
Beállítások és célok csoportosított sorokban.
Betöltés a tartalom alakjának megtartásával.
Közös keret képekhez és előnézetekhez.
Összpontosított feladatok a környezet megtartásával.
Mozgás az eszközön, statikus böngészős megjelenéssel.
Kiegészítő tartalom az indító elem mellett.
Akadálymentes interakció külön megjelenés nélkül.
Akadálymentes interakció külön megjelenés nélkül.
Címek, bekezdések és olvasható listák.
Oldalcím, magyarázat és kapcsolódó műveletek.
Csoportosított tartalom hosszabb listákhoz.
Betűrendes gyorselérés hosszú listákhoz.
Egy választás rádiógombbal, kártyával vagy szegmenssel.
Visszafogott elválasztás csoporton belül.
Betöltés a tartalom alakjának megtartásával.
Érték módosítása egy tartományon belül.
Rövid bevezetők egyértelmű sorrenddel.
Azonnal érvényes beállítások.
A hét natív szövegszerep Outfit és DM Sans betűkkel.
Kezdő és záró dátum közös kiválasztása.
Váltás kapcsolódó célok között.
Tömör keresés a szűrők mellett.
Kereshető lehetőségek kiválasztott értékkel.
Egy választás feliratozott kártyákon.
Keresés és műveletek indítása párbeszédablakból.
Kapcsolódó natív műveletek csoportban.
Mutató környezettel és választható ikonnal.
Címmel ellátott szakasz tartalommal és műveletekkel.
Egyértelmű cél leírással és következő lépéssel.
Kapcsolódó műveletek akadálymentes csoportban.
Projektfelkérések a nyilvános piactéren.
Nyilvános cégprofilok szolgáltatásokkal és ellenőrzéssel.
Megrendelő, hivatkozás és kibontható részletek.
Munkatartalom, lépések és biztonsági tudnivalók.
Mi hiányzik, és hogyan folytathatod.
Érthető hiba újrapróbálkozási lehetőséggel.
Oldalcím, magyarázat és kapcsolódó műveletek.
Olvasatlan és függő elemek száma, legfeljebb 99+.
Bejegyzések keresése és kiválasztása részletekkel.
Ellenőrzött személyazonosság szöveggel vagy ikonnal.
Bobo figyelő, gondolkodó és beszélő állapota.
Egyértelmű jelzés az ellenőrizetlen MI-javaslatokhoz.
Kimenő és bejövő üzenetek idővel és feladóval.
Képek felirattal és közös médiamegjelenéssel.
Kép megnyitása és lapozás a gyűjteményben.
Bevezető és következő művelet a nyilvános oldalakon.
Projektillusztráció, amikor még nincs fénykép.
Natív mutató környezettel.
Natív szakasz címmel és tartalommal.
Natív cél ikonnal és leírással.
Mező kapcsolódó ikonnal vagy kiegészítéssel.
Személyek, névcímkék és avatárcsoportok.
Keret, kiadások és felhasználás egy pillantásra.
Nyitott, lejárt és még ki nem számlázott összegek.
Projektlépések és az aktuális szakasz.
Bobo állapota és beszélgetése önálló nézetben.
Lokalizált pénzösszegek igazított számjegyekkel.
Natív projektillusztráció fénykép nélkül.
Márka és alapok
Gyakorlatias, barátságos márka valódi munkához. Erdőzöld vezet, narancs emel ki – a projekted pedig teret kap.
Az eredeti grafikát használd, őrizd meg az arányait, és hagyj körülötte szabad helyet.


--primary--brand-orange--card--foregroundAz állapotszínt a hozzá tartozó felülettel párosítsd. Mindig adj hozzá szöveget vagy ikont.
Befejezve
--successFigyelmet igényel
--warningInformáció
--infoHiba
--destructiveMarketing
A jó munka az átláthatósággal kezdődik.
Syne / Wix Madefor Text
Web és admin
A jó munka az átláthatósággal kezdődik.
Inter
Natív app
A jó munka az átláthatósággal kezdődik.
Outfit a címekhez és számokhoz, DM Sans a törzsszöveghez. 400-as betűvastagság.
A natív ritmus: 20pt oldalmargó, 16pt kártyabelső, 12pt azonos szintű kártyák között, 24–32pt a szakaszok között.
481216243248A kártyák, kiemelt felületek és átfedések árnyékai a közös témából jönnek. A komponens választ szintet, a képernyő rendezi el őket.