Figma
itshasi ye-monochrome ye-chromatic chaos
I-interface isebenza njengesikhongozeli esiqinileyo nesinomahluko omkhulu, esinika amandla okubona ngokupheleleyo umxholo owenziwe ngumsebenzisi. Isiseko yipalethi engqongqo #000000 ukuya kwi #ffffff, ephepha imibala emincinci yegrey ukuze ikhethe umahluko omkhulu kwimida yokuqala kunye nombhalo. Ulawulo lwe-typographic lusekelwe phantse ngokupheleleyo kubungakanani kunye nomgama onzima woonobumba abangalunganga endaweni yokwahluka kombala, oguqula imigca emikhulu yombhalo ibe ziibhloko zemizobo exineneyo. Ingqiqo ye-border radius idala umahluko omkhulu: "izipikili" zangaphandle ze-50px zezinto zokuhamba kwihlabathi liphela ziphikisana ngabom neekona ze-stark 0px zezikhongozeli zomxholo.
Iinguqulelo zisekelwe kwimida yobubanzi obukhulu kakhulu (1440px max) ejikeleze i-viewport kwaye ziquka amaqela axineneyo omxholo ahlukaniswe yindawo enkulu ye-macro-space (96-120px yesithuba esimhlophe phakathi kwamacandelo). Uhlobo lwe-"hero" ludla ngokusebenzisa igalari engalinganiyo yemifanekiso enamathele ngokuguquguqukayo phantsi kwebhloko ye-UI edadayo, egxile ngokupheleleyo. Ngaphantsi kwe-fold, ulwazi luhambelana ngoko nangoko negridi engqongqo yeekholamu ezine engenama-margins, ifakela amaqela aphindaphindayo amakhadi, ikhulisa uxinano lwezinto ngelixa isusa ama-margins kwifreyimu.
Uyilo olubonakalayo lusekelwe kwiziphumo ezijoliswe kumsebenzisi. Imifanekiso iboniswa njengezikwere ezithe tyaba, ezingenafreyimu okanye iziqwenga ezisasazekileyo, ezigudileyo, ezikhumbuza izinto ezibonakalayo, ngasemva okucacileyo nokungenanto. Imifanekiso yeyona nto iphambili enemibala kwiwebhusayithi. Akukho zinto zefoto yendlela yokuphila okanye imifanekiso eqhelekileyo yenkampani—into nganye enemifanekiso yifoto echanekileyo, engokoqobo ye-canvas yedijithali, esebenza ngaxeshanye njengobungqina bemveliso kunye nenxalenye ephambili yobuhle.
Iphalethi
Uphawu
- Context Action Violet
#4d49fc— Ubizo oluphambili olubekwe kwindawo ethile kwi-sub-panels - umbala omnye ophazamisayo uchaza indawo ephambili.
Ukungathathi cala
- Absolute Canvas
#ffffff— Imvelaphi yephepha, iibar zezixhobo ezidadayo, iziseko zephaneli eziphakanyisiweyo. - Structural Ink
#000000— Ifonti esisiseko, imvelaphi yeqhosha eliqinileyo, imida yeqhosha. - Graphite Metadata
#595959— Umbhalo wesibini wombhali, umxholo ongaphantsi kwendawo, amaxabiso esibambi-ndawo - Boundary Frame
#e2e2e2— Abahluli abangabonakaliyo kunye nemida yentsimi yokufaka engasebenziyo. - Angular Teal
#33dfdf— Iziphumo zokuhombisa, izalathi zokulayisha kunye nokuboniswa kwesikhombisi esisebenzayo.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-72px · amanyathelo ama-6
- figmaSans — ukutshintshwa: Inter · imida 320, 330, 340, 400, 450, 480, 520, 700 · Isixhobo esiqhelekileyo esilawula yonke into ukusuka kwizihloko zokubonisa ukuya kwiileyibhile zokukhangela. Sidala inkangeleko eyahlukileyo ngokutshintsha umkhondo ongalunganga we-optical.
- figmaMono — ukutshintshwa: JetBrains Mono · imida 400 · Ii-Microtag, ukulandelela okucwangcisiweyo, kunye nee-overtones zobugcisa ezisebenza ngakumbi njengezinto zomdibaniso womsebenzisi kunokuba zizinto eziqulethweyo.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 24px |
| Irediyasi yeqhosha | 8px |
| Irediyasi yekhadi | 12px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 96-120px |
| Ububanzi bephepha | 1440px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Figma ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Caldera — Yenza umlilo kwilitye lekalika elifudumeleyo. I-canvas iluhlaza, i-plaster efudumeleyo, kwaye into nganye e-orenji ibukeka njengeengqayi ezitshayo ezicinezelwe kumphezulu.
- Vercel — Isiphelo sendlela esiprintwe ephepheni elimhlophe
- Dylanbrouwer — Indawo yokubumba izinto ezinobungozi ekutshoneni kwelanga
- Headspace — Ikona yempilo enelanga ephepheni elifudumeleyo
- WHOOP — Ilebhu yokusebenza ezinzulwini zobusuku - iitafile zelebhu yeklinikhi emhlophe phantsi kwesithuba esimnyama semidlalo yeqonga, umbane omnye omfusa
- (dot)connect — Umzobo wobunjineli waseSwitzerland oneqhekeza elinye lamalahle
- Together AI — Ikhonsoli yophando kwiphepha lomkhenkce
- Vivid+Co — ukukhanya kwe-prismatic ngokusebenzisa i-obsidian
- Sequel — Ukubukela ngasese emva kobumnyama kukuphela kokukhanya okufudumeleyo kwi-cinema emnyama.
- v0 by Vercel — Umzobo we-lathe. Ukuchaneka kunye nokusebenza kubaluleke kakhulu, into nganye isebenzela injongo ecacileyo kumphezulu ococekileyo nogqibeleleyo.
- ThoughtLab — Isikhumbuzo se-obsidian esinophawu olubomvu. I-canvas yobumnyama obungenanto, apho into ebomvu egcwalisiweyo kuphela kwi-cathedral, eprintwe ngoonobumba abakhulu abamhlophe, ngumfanekiso omnye we-chromatic.
- Dovetail — Iplani phantsi kwenyanga emnyama—imigca yegrafu engabonakaliyo, ifonti emhlophe, ukukhanya okumfusa okukhazimlayo