Authkit
Kereke ea Khalase e Frosted bohareng ba bosiu
AuthKit e etsa ponahalo ya tlhahiso ya sehlahiswa bosiu: kanavase e batlang e le ntšo e nang le bokahodimo ba khalase e nang le serame, gridi ya mela e sa bonahaleng hantle, le mongolo o benyang o bonahalang o bonesitswe ke lera la khalase. Sebopeho sa mongolo se batla se le sesweu ka botlalo kgahlanong le bokamorao bo lefifi, ka kganya e le nngwe e pherese e kganyang e le yona feela karolo e sebetsang—bokahodimo bo bong le bo bong bo sebedisanang bo na le mola o bonolo, o mosesaane wa boputswa bo bosweu bo pholileng ho ena le foreimi e tiileng. Dikarolo di hlophisitswe hodima dikarolo tse bonaletsang, di arotswe hodima kganya e potolohileng, mme dikarete di hlaha jwalo ka dipoleiti tsa khalase tse bonesitsweng ho tloha ka tlase, ho ena le diphanele tsa pampiri. Sebaka se seholo ebile se na le morethetho; karolo e ka sehloohong ke letshwao le le leng le bonesitsweng le akaretsang bophara bohle ba leqephe, le pota-potiloeng ke dikarete tsa khalase tse phaphametseng, ho ena le sebopeho sa sekirini se arohaneng sa setso.
Khaneva e bophara bo felletseng, e lefifi e nang le setshelo sa dikahare tse bohareng, bophara bo boholo ba 1200px. Karolo e ka sehloohong ke letshwao le le leng, le bohareng, le bonesitsweng ("AuthKit" ka fonti e nang le sebopeho sa dintshi) tlasa mongolo o monyane o bopehileng jwalo ka dintshi, ka mora moo/ka tlase ho moo ho nang le dikarata tse tharo tsa khalase tse phaphametseng tse nang le fene ya ho kena (karete e ka letsohong le letshehadi e sekamisitsweng ka letsohong le letshehadi, karete e bohareng e hodisitsweng, karete e ka letsohong le letona e sekamisitsweng ka letsohong le letshehadi). Toggle ya sehlooho se bobebe/se lefifi e bohareng tlasa karolo e ka sehloohong. Mola wa tshebetso ke kemiso ya nako e otlolohileng ya matshwao a 6 a nang le mela e mesesaane e hokelang pakeng tsa matshwao a chitja. Modumo wa karolo: karolo ka nngwe e qala ka mongolo o bopehileng jwalo ka dintshi o bohareng o foremilwe ke mela e otlolohileng e nyamelang, e latelwa ke sehlooho se seholo, se bohareng (44-48px), e latelwa ke mola o le mong wa kopi ya mmele e kgutsisitsweng (16-18px), bophara bo boholo ~640px. Karolo ya Customize e bontsha mohlala wa fensetere ya sebatli ka karete ya ho kena e bohareng e pota-potiloeng ke diphanele tsa mohlahlobi wa UI tse phaphametseng (dipalete tsa mebala, di-slider tsa radius, mokgethi wa letshwao la letshwao, tshimo ya mongolo wa konopo, tshimo ya bokamorao ba leqephe) e behilweng dikhutlong tsa khaneva, jwalo ka sebaka sa mosebetsi sa disebediswa tsa moralo.
Moralo oa pono o laoloa ke li-mockup tsa foromo ea ho kena, tse entsoeng ka mokhoa oa "mokhoa oa khalase" (masimo a ho kenya lengolo-tsoibila/phasewete, likonopo tsa ho kena mecheng ea litaba tsa sechaba, ho kena khoutu ntle le phasewete), tse hlahisoang e le likarete tse phaphametseng, tse bonaletsang khahlano le canvas ea bosiu. Matšoao a likarolo ke li-glyph tse otlolohileng tse motsu ka har'a #d1e4fa ka har'a lithaele tse chitja, tse matte. Gridi e poteletseng (mela e 1px ka har'a rgba (186,215,247,0.06)) e akaretsa leqephe lohle, e etsa sepakapaka, ha leseli la gradient le khoune le benya holimo ho karolo e ka sehloohong. Ha ho linepe, ha ho litšoantšo tsa mokhoa oa bophelo, ha ho litšoantšo tsa sehlahisoa—sehlahisoa ka bosona ke karolo ea pono: masimo a ho kena a hlophisitsoeng joaloka mehlala ea khalase ka har'a studio e lefifi.
Palete
Letšoao
- Void Violet
#663af3— 'Mala o ka sehloohong oa konopo ea call-to-action (CTA) ke 'mala o le mong feela o sebelisoang feela bakeng sa konopo ea "Tsoela Pele/Romela" ka har'a liforomo tsa ho kena; pherese e benyang khahlanong le bokamorao bo batlang bo le botšo e hlahisa maikutlo a potlako ntle le ho sitisa moralo oa 'mala o motšo.
Lehlakore
- Midnight Canvas
#05060f— Semelo sa leqephe, bokaholimo bo tebileng ka ho fetisisa ba karete, ho tlatswa ha beche—motheo o batlang o le motsho oo ntho e 'ngoe le e 'ngoe e phaphametseng ho oona. - Steel Plate
#2f343e— Bokaholimo bo phahamisitsoeng, dikonopo tsa ketso ya phantom/ya bobedi, tshehetso ya phanele e sa bonahaleng. - Fog Veil
#9da7ba— Mongolo o ka sehloohong, mongolo o kareteng, o ka balwa habonolo, empa o behetswe morao ha o bapiswa le dihlooho. - Moon Mist
#c7d3ea— Mongolo o ka sehloohong, mabitso a mang, mongolo o thusang o khutsitseng - Frost Glow
#d1e4fa— 'Mala o ka sehloohong oa ho tlatsa mongolo oa 'mele le oa sehokelo, mongolo oa letšoao, le ho tlatsa letšoao ke bokapele bo benyang ba kamehla. - Ice Highlight
#d8ecf8— Mongolo o bobebe hodima dibaka tse lefifi, dileibole tse sothehileng, le dihlooho tse nang le phapang e kgolo. O se ke wa o sebedisa e le mmala wa mantlha bakeng sa dipitso tsa ketso; gradient ya sehlooho—phetoho e boreledi ho tloha boputswa bo bobebe ho ya boputswa bo bonolo ho tloha hodimo ho ya tlase—e sebediswa letshwaong la AuthKit le dihloohong tsa bohlokwa.
Mongolo oa mongolo
ho tloha ho 12 ho isa ho 48px · mehato e 8
- Untitled Sans — sebaka: Inter · meralo 400, 500, 600, 700 · Mongolo o ka sehloohong, sebopeho sa mosebelisi, dikonopo, masimo a ho kenya, matshwao, dihlooho tse nyane - fonte e akaretsang bakeng sa ntho e nngwe le e nngwe e sebetsang.
- aeonikPro — sebaka: Space Grotesk · meralo 400, 500 · Ho bonts'a lihlooho feela—letšoao la AuthKit, lihlooho tsa likarolo, le mongolo oa 'mele—boima ba mongolo ba lintlha tse 500 ho 44-48px bo fa letšoao ponahalo e pharaletseng, e sa totobatsoang ho fapana le mokhoa o benyang oa ho bua.
- dotDigital — sebaka: JetBrains Mono · meralo 400 · Mongolo o nang le dihlooho tsohle ("E hlahisa," "Moralo o Atolohang," "Khanya ka ho Phatsima") - mongolo o nang le dihlooho tsohle o nang le sebaka se le seng ka sebaka sa 0.10em o sebetsa e le dikarohano tse poteletseng pakeng tsa mongolo wa mmele le sehlooho.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | se seholo |
| Mohato oa motheo | 16px |
| Radiyo ea konopo | 999px |
| Radiyo ya karete | 16px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 120px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa Authkit 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Resend — Velvet e ntšo e nang le 'mala o pherese oa neon
- Gsap — Boto e tšoeu ea lipopae ka har'a studio ea meralo. Lebota le batlang le le letšo, tjhoko e futhumetseng ea tranelate, le matšoao a mahlano a mebala-bala—le leng bakeng sa thuto ka 'ngoe ea lipopae.
- Slash — Setšabelo sa bosiu bo boholo se nang le libuka tsa mokitlane tse khabisitsoeng ka khauta
- Raycast — Setsi sa Taelo sa Bosiu, Coral Neon
- Dimension — sebaka sa mosebetsi se bonesitsoeng ke letsatsi se nang le liphanele tsa khalase tse nang le serame
- Modal — Seteishene sa phosphorescent ka phapusing e lefifi ea seva - mohloli o le mong feela oa leseli ke 'mala o motala o khanyang
- Reflect Notes — Sebaka se nang le linaleli tse pherese ke sebaka sa ho shebella se lefifi moo lintlha li phaphamalang joaloka lihlopha tsa linaleli khahlanong le semelo sa lefela le letšo la indigo.
- LaunchDarkly — Kamore ea taolo ea neon ke kamore e lefifi ea ho robala moo matšoao a pherese a phunyeletsang ka har'a liphanele tse ntšo tse kang jet.
- Ameba — Phaposi ea taolo bosiu - molumo o moputsoa oa motlakase ka har'a liphanele tsa khalase tse nang le serame
- AgentQL — Mabone a Leboea a holim'a terminal bosiu
- Neon — Kamore ea seva ka mor'a lefifi. Lefifi le hloekileng, moo leseli le le leng feela le tsoang ho data le likamano tsa basebelisi.
- N8n — Enjene ea Mosebetsi Bosiu – maikutlo a kanavase ea othomathike ea nako ea sebele ka phapusing ea seva e lefifi, e bonesitsoeng ke matšoao a boemo le melapo ea data