Authkit
Babban cocin Gilashin Gilashi Mai Sanyi a Tsakar dare
AuthKit yana ƙirƙirar kyakkyawan gabatarwar samfurin dare: zane mai kusan baƙi tare da saman gilashin sanyi, grid na layukan da ba a iya gani ba, da rubutu mai haske wanda ke bayyana a cikin gilashin haske. Rubutun kusan fari ne gaba ɗaya a kan bango mai duhu, tare da lafazi ɗaya mai haske na shunayya a matsayin abu ɗaya tilo mai aiki - kowane saman hulɗa yana da layi mai laushi, siriri na shuɗi-fari mai sanyi maimakon firam mai tauri. An shirya abubuwan haɗin kai akan yadudduka masu haske, an shimfida su a kan haske mai yanayi, kuma katunan suna bayyana kamar faranti na gilashi da aka haskaka daga ƙasa, maimakon allunan takarda. Tazara tana da girma kuma mai tsari; babban abu shine tambari ɗaya mai haske wanda ya mamaye faɗin shafin gaba ɗaya, kewaye da katunan gilashi masu iyo, maimakon tsarin allo na gargajiya.
Zane mai faɗi da duhu mai cikakken faɗi tare da akwati mai abun ciki na tsakiya, faɗinsa ya kai 1200px. Babban ɓangaren shine tambari ɗaya, mai tsakiya, mai haske ("AuthKit" a cikin font mai sauƙin fahimta) a ƙarƙashin ƙaramin rubutu mai siffar gira, a bayansa/ƙasa akwai katunan gilashi guda uku masu iyo tare da fanka na fom ɗin shiga (an karkatar da katin hagu hagu, an ƙara girman katin tsakiya, an karkatar da katin dama). Canja jigo mai haske/duhu yana tsakiya a ƙarƙashin babban abin. Jerin fasalin shine jadawalin kwance na gumaka 6 tare da layuka masu sirara tsakanin gumakan da'ira. Tsarin sashe: kowane sashe yana farawa da rubutu mai siffar gira mai tsakiya wanda aka tsara shi da layukan kwance masu shuɗewa, sannan babban taken tsakiya (44-48px), sannan kuma layi ɗaya na kwafin jiki mai shiru (16-18px), matsakaicin faɗi ~640px. Sashen Keɓancewa yana nuna zane na taga mai bincike tare da katin shiga a tsakiya wanda ke kewaye da bangarorin masu duba UI masu iyo (palettes masu launi, radius sliders, mai zaɓar alamar tambari, filin rubutun maɓalli, filin bango na shafi) wanda aka sanya a kusurwoyin zane, kamar wurin aiki na kayan aikin ƙira.
Tsarin gani ya mamaye zane-zanen fom ɗin shiga, waɗanda aka ƙera su da salon "gilashi" (filayen shigar da imel/kalmar sirri, maɓallan shiga kafofin watsa labarun, shigar da lambar sirri ba tare da kalmar sirri ba), wanda aka gabatar a matsayin katunan da ke iyo, masu haske a kan zane na tsakar dare. Alamun fasali sune glyphs masu layi ɗaya a cikin #d1e4fa a cikin zagaye, tayal matte. Grid mai laushi (layukan 1px a cikin rgba(186,215,247,0.06)) ya rufe shafin gaba ɗaya, yana ƙirƙirar yanayi, yayin da hasken haske mai siffar mazugi ke haskakawa a saman babban abu. Babu hotuna, babu hotunan salon rayuwa, babu hotunan kariyar samfura - samfurin da kansa shine abin gani: filayen shiga da aka shirya kamar samfuran gilashi a cikin ɗakin studio mai duhu.
Palette
Alamar kasuwanci
- Void Violet
#663af3— Babban launi na maɓallin kira-zuwa-aiki (CTA) shine kawai launin lafazi da ake amfani da shi kawai don maɓallin "Ci gaba/Aika" a cikin fom ɗin shiga; shuɗi mai haske a kan bango kusa da baƙi yana haifar da jin gaggawa ba tare da ɓata tsarin launi ɗaya ba.
Tsaka-tsaki
- Midnight Canvas
#05060f— Bangon shafin, zurfin saman katin, cikewar tambarin—tushe mai kusan baƙi wanda komai ke yawo a kai. - Steel Plate
#2f343e— Sama mai ɗagawa, maɓallan aiki na fatalwa/na biyu, goyon bayan faifan allo mai ɓoye. - Fog Veil
#9da7ba— Babban rubutun, wato rubutun da ke kan katin, ana iya karantawa, amma an mayar da shi baya idan aka kwatanta da kanun labarai. - Moon Mist
#c7d3ea— Babban rubutu, ƙarin lakabi, rubutu mai taimako wanda aka kashe - Frost Glow
#d1e4fa— Babban launin cikawa na rubutu na jiki da mahaɗi, rubutun gunki, da cikewar gunki shine farkon da ke haskakawa. - Ice Highlight
#d8ecf8— Rubutu mai haske a saman duhu, lakabin da aka juya, da kuma kanun labarai masu bambanci sosai. Kada a yi amfani da shi a matsayin babban launi don kiran aiki; ana amfani da launin kanun labarai - sauyi mai santsi daga shuɗi mai haske zuwa shuɗi mai laushi daga sama zuwa ƙasa - a cikin tambarin AuthKit da kanun labarai masu mahimmanci.
Rubutu
daga 12 zuwa 48px · Matakai 8
- Untitled Sans — maye gurbin: Inter · zane-zane 400, 500, 600, 700 · Babban rubutu, hanyar sadarwa ta mai amfani, maɓallai, filayen shigarwa, gumaka, ƙananan kanun labarai - font na duniya don duk abin da ke aiki.
- aeonikPro — maye gurbin: Space Grotesk · zane-zane 400, 500 · Nuna kanun labarai kawai—alamar AuthKit, kanun labarai na sashe, da rubutun jiki—nauyin rubutu mai maki 500 a 44-48px yana bai wa alamar kallon mai faɗi, ba tare da la'akari da wani abu mai kyau ba.
- dotDigital — maye gurbin: JetBrains Mono · zane-zane 400 · Rubutun dukkan haruffa ("Gabatarwa," "Zane Mai Faɗaɗawa," "Shine Mai Haske") - rubutun dukkan haruffa masu sarari ɗaya tare da tazara ta 0.10em yana aiki azaman masu rabawa masu sauƙi tsakanin rubutun jiki da kanun.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | faɗi |
| Mataki na asali | 16px |
| Maɓallin radius | 999px |
| Radius na kati | 16px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 120px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Authkit kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Resend — baƙar fata mai launin shuɗi neon
- Gsap — Allo mai motsi a cikin ɗakin zane. Bango mai kusan baƙi, alli mai ɗumi, da alamomi masu launi biyar—ɗaya ga kowane fanni na zane-zane.
- Slash — Taskar dare mai ɗauke da takardun kuɗi na zinare
- Raycast — Cibiyar Umarni ta Tsakar dare, Coral Neon
- Dimension — wurin aiki mai hasken rana tare da gilashin sanyi
- Modal — Tashar phosphorescent a cikin ɗakin uwar garken da ke da duhu - tushen haske kawai shine launin kore mai haske
- Reflect Notes — Sararin samaniya mai launin shuɗi mai duhu wani wuri ne mai duhu inda bayanai ke yawo kamar taurari a kan wani wuri mai duhu na indigo.
- LaunchDarkly — Ɗakin sarrafa neon wani babban kokfit ne mai duhu inda siginar shuɗi ke bugawa ta cikin allunan baƙi.
- Ameba — Ɗakin sarrafawa da tsakar dare - wani shudi mai amfani da wutar lantarki a cikin allunan gilashi masu sanyi
- AgentQL — Hasken Arewa a kan tashar da daddare
- Neon — Ɗakin uwar garken bayan duhu. Tsarkakken duhu, inda haske kawai ke fitowa daga bayanai da hulɗar mai amfani.
- N8n — Injin Gudanar Aiki a Tsakar dare - jin kamar zane mai sarrafa kansa na ainihi a cikin ɗakin uwar garken duhu, wanda ke haskakawa ta hanyar alamun matsayi da kwararar bayanai