Dub
Kwamitin sarrafa takardar shinkafa mai matte ta Link
Tsarin gani na Dub yana da tsari mai tsauri, kusan na SaaS: zane mai kama da fari wanda aka haɗa shi da ƙananan iyakoki maimakon abubuwan da suka fito, tare da zane mai yawa na monochrome wanda ke ba da tallafi na tsari da kuma launi ɗaya mai haske (#2563eb) wanda ke yin bayani. Fuskokin suna kasancewa a kwance kuma ba su da firam a kallon farko, amma kowane akwati yana da gefen 1px #e5e5e5, yana haifar da jin daɗin takarda da aka buga. Ana samun halayyar mutum ta hanyar ƙaramin saitin launuka masu launi na "kwaya" (orange, kore, shunayya) waɗanda ke shawagi a saman palet ɗin tsaka tsaki, da kanun labarai waɗanda ke jin kwarin gwiwa da zamani ba tare da walƙiya ba. Abubuwan da aka haɗa suna da ƙanƙanta da yawa: magudanar ruwa 8px, radius na kati 12px, lakabin siffar kwaya a 9999px, da sarrafawa marasa ganuwa maimakon maɓallan da aka cika da nauyi.
An gina shafin ne a kan tsari mai tsakiya tare da matsakaicin faɗin kusan 1200px. Babban ɓangaren shine toshewar rubutu mai tsakiya tare da abubuwa uku masu iyo (Shirye-shiryen Haɗin gwiwa, Nazarin Canzawa, Haɗin Gajerun Haɗi) waɗanda aka sanya a kwance a saman babban tsarin samfuri. An shirya sassan a tsaye tare da magudanar ruwa mai daidaito 64px, suna canzawa tsakanin farin zane da haze na takarda #f5f5f5 don raba sautin. Sashen ƙasa yana amfani da tsari mai siffar Z: rubutun edita yana tsakiya a cikin uku na tsakiya, kuma katunan UI masu iyo an makale su zuwa gefen hagu da dama, suna ƙirƙirar tsari mara daidaituwa, mai kama da mujallu. Gajimaren tambari grid ne mai sauƙi na 5x2, wanda aka tsakiya a shafin. Kewaya sandar sama ce mai sauƙi - tambari a hagu, kewayawa a tsakiya, ƙungiyar maɓallai biyu (maɓallin "Shiga" fatalwa + maɓallin "Rijista" cike) a dama - ba tare da menu mai tsayayye ko babban ba. Tsarin dashboard na babban taga yana nuna tsarin manhaja mai ginshiƙai biyu na gargajiya: gefen gefe mai gyara (kamar 240px) + yankin abun ciki wanda ke bayyana yawan bayanan samfur ga baƙi kafin su fara gungurawa.
Abubuwan da aka gani sun fi mayar da hankali kan samfura, ba wai salon rayuwa ba. Babban allon yana kan babban allon allo, wanda ke wakiltar samfurin gaske na duniya tare da kewayawa a gefe, teburin bayanai, da abubuwan UI masu iyo, waɗanda aka shimfida a matsayin faifan lebur akan farin zane. Ana nuna tambarin abokin ciniki a cikin grid mai launin toka mara cika (beehiv, superpower, Chatbase, da sauransu) don nuna aikin kafofin watsa labarun su, an cire launi don ba da damar lafazin shuɗi ɗaya na shafin ya ci gaba da mamaye. Katunan abokan hulɗa masu iyo (ƙananan bayanan martaba da tayal tare da bayanan kuɗi/biyan kuɗi) suna motsawa a kusa da tubalan rubutun edita a ƙasa, suna ƙirƙirar jin zurfin ba tare da amfani da inuwa akan rubutun da kansa ba. Tsarin bango na grid mai dige-dige fasalin sa hannu ne: siririn layi na ƙananan dige tare da ƙarancin haske yana haifar da laushi da jin yanayin tsarin ƙira/fuskar zane, yana jaddada matsayin shafin a matsayin "dandalin haɗin haɗin zamani." Alamar ba ta da yawa, tare da zane-zane da cikawa, kuma tana amfani da palet ɗin lafazi (tangerine orange, lavender purple, mint kore) don alamun fasali. Ba a yi amfani da hotuna, zane-zane, ko samfuran 3D ba—hanyar da mai amfani da samfurin ke amfani da ita ita ce harshen gani.
Palette
Alamar kasuwanci
- Electric Blue
#2563eb— Ana amfani da babban launin alamar kasuwanci—tambarin, hanyoyin haɗi, manyan alamun aiki, yanayin aiki, da kuma laƙabin gumaka. Shuɗi mai kyau a kan farin bango yana haifar da kyawun gani kawai na tsarin. - Deep Sapphire
#1e40af— Babban bangon maɓallin aikin, cikewar kira zuwa aiki mai ƙarfi—launi ɗaya tilo da ke nuna aikin—ana amfani da shi kaɗan don jawo hankali.
Tsaka-tsaki
- Canvas White
#ffffff— Bangon shafi, saman kati, da kuma faifan da ke fitowa su ne ginshiƙin kowane allo. - Paper Mist
#f5f5f5— Canje-canje a launuka masu sauƙi ga katunan da aka haɗa, ƙarin faifan allo, da abubuwan cikawa. - Ash
#e5e5e5— Siraran iyakoki a kan katunan, masu haɗa shigarwa da masu raba su ne layin tsarin da ke haɗa tsarin. - Smoke
#d4d4d4— Iyakoki masu kaifi don zaɓaɓɓun kwantena da ƙarin zane-zanen maɓalli. - Pebble
#c8c8c8— Iyakoki, zane-zanen sarrafawa, da masu raba tsarin da ke da matsakaicin bambanci. Bai kamata a yi amfani da wannan launi a matsayin babban launi ba don kiran aiki. - Midnight Ink
#0a0a0a— Babban rubutun maɓallan, maɓallan da aka yi wa alama, da rubutun kewayawa kusan baƙi ne don samun matsakaicin bambanci.
Rubutu
daga 11 zuwa 48px · Matakai 9
- Satoshi — maye gurbin: Inter (weight 500 · zane-zane 500 · Kanun Labarai - ana amfani da su ne kawai a layuka 36–48px don taken kanun labarai da sashe. Nauyin rubutu - 500 (matsakaici, ba mai kauri ba): Kanun labarai suna kama da na zamani, amma ba sa wuce gona da iri. Girman yanayin Satoshi yana ba wa rubutun rubutu ɗan rubutu na zamani, wanda kwafin jikin Inter ba zai iya kwafi ba.
- Inter — maye gurbin: Inter (native) · zane-zane 400, 500, 600 · Kwafin Jiki, Lakabin UI, kewayawa, ƙananan kanun labarai, da ƙananan kanun labarai. Inter shine babban abin da ke aiki, yana sarrafa komai daga ƙananan lakabin 11px zuwa kanun labarai na sakandare 30px. Nauyin 400 shine tsoho don kwafin jiki, 500 don abubuwan da aka haskaka da lakabin maɓalli, kuma 600 an tanada shi don mahimman lakabin UI. 16px tare da tsayin layi na 1.5 shine girman mataki ɗaya da aka fi gani akai-akai (1220 faruwa), yana tabbatar da cewa 16px shine girman kwafin jiki na canonical.
- Geist Mono — maye gurbin: JetBrains Mono or IBM Plex Mono · zane-zane 400, 500 · Ana amfani da ƙananan bayanai na lambar, metadata na fasaha, da kuma alamun da aka saka a cikin toshe lambobi a 12–14px da kuma a cikin manyan abubuwan nuni na lambar a 24px. Wannan yana tabbatar da sahihancin kayan aikin mai haɓakawa, daidai da matsayin samfurin Dub.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 8px |
| Maɓallin radius | 8px |
| Radius na kati | 12px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 64px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Dub 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
- ElevenLabs — Rubutun hoto a cikin launuka masu dumi masu laushi tare da kanun labarai masu sauƙi. Littafin rubutu irin na Bauhaus—takarda mai launin kwai, tawada baƙi, da kuma lafazin shunayya da lemu guda ɗaya don nuna samfur.
- Awesomic — Ramin zinc na edita tare da alamun rubutu na orange wanda ke tunatar da confetti
- Monad — Mujallar fasaha ta edita kan takardar rubutu mai dumi
- Seline Analytics — Teburin nazari mai shiru akan takarda mai dumi
- Notion — Littafin rubutu mai dumi a rana tsakar rana
- Anthropic — Mujallar kimiyya kan ɗumi-ɗumi—fure-furen hauren giwa masu natsuwa, kanun labarai na edita, da kuma lafazin yumbu guda ɗaya wanda ke bayyana ne kawai lokacin da ake buƙatar aiki.
- Calendly — Tawada mai launin shuɗi mai duhu a kan marmara mai sanyi
- Augen Pro — Farin gabatarwar Apple yana nuna shuɗi mai haske, mara nauyi, mai amfani da wutar lantarki a matsayin babban abin da ke cikin sararin samaniya mai kama da monochrome.
- Antimetal — Wani labari na edita akan takarda mai laushi - safiya mai natsuwa a mujallar kimiyya, inda kamewa ke nuna kwarin gwiwa kuma serifs suna ɗaukar nauyi
- Perk — Lemun tsami mai amfani da wutar lantarki a kan takardar takarda mai dumi
- Ditto — Taron bita mai hasken rana wanda ke ƙirƙirar samfuran furannin daji. saman kirim mai ɗumi, launin rawaya mai haske, tawada mai launin shuɗi mai duhu, launukan halitta masu fure a bayan kayan.
- Officevibe — Mujallar edita kan takarda mai launin ruwan tsami. Ka yi tunanin wani rubutu mai zurfi kan kula da HR, wanda aka gabatar a matsayin samfuri—wani rubutun serif mai lanƙwasa yana raɗawa ta hanyar amfani da shuɗin zamani.