Authkit
Kanisa Kuu la Glasi Lililogandishwa Usiku wa Manane
AuthKit huunda uwasilishaji wa bidhaa usiku: turubai nyeusi karibu na nyuso za glasi zilizoganda, gridi ya mistari isiyoonekana vizuri, na maandishi yanayong'aa ambayo yanaonekana kuangazwa na safu ya glasi. Uandishi wa maandishi ni karibu nyeupe kabisa dhidi ya mandharinyuma nyeusi, ukiwa na lafudhi moja angavu ya zambarau kama kipengele pekee kinachofanya kazi—kila uso shirikishi una mstari laini na mwembamba wa bluu-nyeupe baridi badala ya fremu ngumu. Vipengele vimepangwa kwenye tabaka zinazong'aa, zikiwa zimepambwa juu ya mwangaza wa mazingira, na kadi zinaonekana kama sahani za glasi zinazoangazwa kutoka chini, badala ya paneli za karatasi. Nafasi ni kubwa na ya mdundo; kipengele kikuu ni nembo moja inayoangazwa inayofunika upana mzima wa ukurasa, ikizungukwa na kadi za glasi zinazoelea, badala ya mpangilio wa skrini iliyogawanyika ya kitamaduni.
Turubai nyeusi yenye upana kamili na yenye chombo cha maudhui katikati, upana wa juu wa pikseli 1200. Kipengele kikuu ni nembo moja, katikati, na yenye mwanga ("AuthKit" katika fonti ya gradient) chini ya maandishi madogo yenye umbo la nyusi, nyuma yake/chini yake kuna kadi tatu za kioo zinazoelea zenye feni ya kuingia nje (kadi ya kushoto imeelekezwa kushoto, kadi ya katikati imeongezwa, kadi ya kulia imeelekezwa kulia). Kigeuzi cha mandhari nyepesi/nyeusi kimeelekezwa chini ya kipengele kikuu. Safu mlalo ya kipengele ni ratiba ya mlalo ya aikoni 6 zenye mistari nyembamba ya kuunganisha kati ya aikoni za mviringo. Mdundo wa sehemu: kila sehemu huanza na maandishi yenye umbo la nyusi katikati yaliyoundwa na mistari ya mlalo inayofifia, ikifuatiwa na kichwa kikubwa, katikati (pikseli 44-48), ikifuatiwa na mstari mmoja wa nakala ya mwili iliyonyamazishwa (pikseli 16-18), upana wa juu zaidi ~pikseli 640. Sehemu ya Kubinafsisha inaonyesha mfano wa dirisha la kivinjari lenye kadi ya kuingia katikati iliyozungukwa na paneli za ukaguzi wa UI zinazoelea (paleti za rangi, vitelezi vya radius, kiteuzi cha aikoni ya nembo, sehemu ya maandishi ya kitufe, sehemu ya usuli wa ukurasa) iliyowekwa kwenye pembe za turubai, kama nafasi ya kazi ya zana za usanifu.
Muundo wa taswira unatawaliwa na mifano ya fomu ya kuingia, iliyotengenezwa kwa mtindo wa "muundo wa kioo" (sehemu za kuingiza barua pepe/nenosiri, vitufe vya kuingia kwenye mitandao ya kijamii, ingizo la msimbo bila nenosiri), inayowasilishwa kama kadi zinazoelea, zinazong'aa dhidi ya turubai ya usiku wa manane. Aikoni za vipengele ni glyphs za mstari zenye rangi moja katika #d1e4fa ndani ya vigae vya mviringo, visivyong'aa. Gridi ndogo (mistari ya pikseli 1 katika rgba(186,215,247,0.06)) inashughulikia ukurasa mzima, na kuunda mazingira, huku mwangaza wa mteremko wa koni uking'aa juu ya kipengele kikuu. Hakuna picha, hakuna picha za mtindo wa maisha, hakuna picha za skrini za bidhaa—bidhaa yenyewe ndiyo kipengele cha taswira: sehemu za kuingia zilizopangwa kama mifano ya kioo katika studio nyeusi.
Paleti
Chapa
- Void Violet
#663af3— Rangi kuu ya kitufe cha wito wa kuchukua hatua (CTA) ndiyo rangi pekee ya lafudhi inayotumika pekee kwa kitufe cha "Endelea/Tuma" ndani ya fomu za kuingia; zambarau inayong'aa dhidi ya mandharinyuma karibu nyeusi huunda hisia ya uharaka bila kuvuruga mpango wa rangi ya monochromatic.
Isiyoegemea upande wowote
- Midnight Canvas
#05060f— Usuli wa ukurasa, sehemu ya ndani kabisa ya kadi, kujazwa kwa beji—msingi mweusi ambao kila kitu kingine huelea juu yake. - Steel Plate
#2f343e— Sehemu iliyoinuliwa, vitufe vya kitendo vya phantom/secondary, sehemu ya nyuma ya paneli iliyofichwa. - Fog Veil
#9da7ba— Maandishi kuu, maandishi kwenye kadi, yanasomeka, lakini yameachwa nyuma ikilinganishwa na vichwa vya habari. - Moon Mist
#c7d3ea— Maandishi kuu, lebo za ziada, maandishi saidizi yaliyonyamazishwa - Frost Glow
#d1e4fa— Rangi kuu ya kujaza kwa maandishi ya mwili na kiungo, maandishi ya aikoni, na kujaza aikoni ni mandhari ya mbele inayong'aa chaguo-msingi. - Ice Highlight
#d8ecf8— Maandishi mepesi kwenye nyuso nyeusi, lebo zilizogeuzwa, na vichwa vya habari vyenye utofautishaji mkubwa. Usitumie kama rangi kuu ya wito wa kuchukua hatua; mteremko wa kichwa—mpito laini kutoka bluu nyepesi hadi bluu laini kutoka juu hadi chini—hutumika katika nembo ya AuthKit na vichwa vya habari muhimu.
Uchapaji
kutoka pikseli 12 hadi 48 · hatua 8
- Untitled Sans — mbadala: Inter · mihtasari 400, 500, 600, 700 · Maandishi makuu, kiolesura cha mtumiaji, vitufe, sehemu za kuingiza data, aikoni, vichwa vidogo - fonti ya jumla kwa kila kitu kinachofanya kazi.
- aeonikPro — mbadala: Space Grotesk · mihtasari 400, 500 · Kuonyesha vichwa vya habari pekee—chapa ya AuthKit, vichwa vya habari vya sehemu, na maandishi ya mwili—uzito wa fonti ya pointi 500 katika pikseli 44-48 huipa chapa mwonekano mpana, usio na maelezo mengi badala ya lafudhi ya kuvutia.
- dotDigital — mbadala: JetBrains Mono · mihtasari 400 · Maandishi yenye herufi kubwa ("Inatambulisha," "Ubunifu Unaoweza Kupanuliwa," "Shine Bright") - maandishi yenye herufi kubwa moja yenye nafasi ya 0.10em hutumika kama vitenganishi vidogo kati ya maandishi ya mwili na kichwa cha habari.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wasaa |
| Hatua ya msingi | 16px |
| Kipenyo cha kitufe | 999px |
| Redi ya kadi | 16px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 120px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Authkit na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Resend — velvet nyeusi yenye rangi ya zambarau ya neon
- Gsap — Ubao mweupe wa michoro katika studio ya usanifu. Ukuta mweusi karibu, chaki ya krimu yenye joto, na alama tano za rangi—moja kwa kila taaluma ya michoro.
- Slash — Hifadhi ya usiku wa manane yenye leja zilizopambwa kwa dhahabu
- Raycast — Kituo cha Amri cha Usiku wa Manane, Coral Neon
- Dimension — kituo cha kazi chenye mwanga wa jioni chenye paneli za glasi zilizoganda
- Modal — Kifaa cha fosforasi katika chumba cha seva chenye giza - chanzo pekee cha mwanga ni rangi ya kijani kibichi
- Reflect Notes — Nafasi ya zambarau yenye nyota ni kituo cha uchunguzi cheusi ambapo noti zinaelea kama makundi ya nyota dhidi ya mandhari ya utupu mweusi wa indigo.
- LaunchDarkly — Chumba cha kudhibiti neon ni chumba cha rubani cheusi ambapo ishara za zambarau hupiga kupitia paneli nyeusi-jet.
- Ameba — Chumba cha kudhibiti saa sita usiku - mlio wa umeme wa bluu ndani ya paneli za glasi zilizoganda
- AgentQL — Taa za Kaskazini juu ya kituo usiku
- Neon — Chumba cha seva baada ya giza. Giza safi, ambapo mwanga pekee hutoka kwa data na mwingiliano wa watumiaji.
- N8n — Injini ya Mtiririko wa Kazi Usiku wa Manane - hisia ya turubai ya otomatiki ya wakati halisi katika chumba cha seva cheusi, ikiangazwa na viashiria vya hali na mitiririko ya data