Apple
Igumbi elimhlophe elineswitshi enye eluhlaza okwesibhakabhaka
Uyilo lwe-Apple luyimodeli yokuzibamba: i-canvas emhlophe phantse, indawo emhlophe enkulu, kunye ne-accent enye eluhlaza okwesibhakabhaka eqaqambileyo eyenza yonke into ibonakale ngathi yenziwe ngabom. Eyona nto iphambili kukubhala—i-SF Pro, enesithuba esibi soonobumba esinciphayo ngokobukhulu obukhulayo, nto leyo ebangela ukucaca koyilo ngaphandle kokuba nzima kakhulu. Imveliso YILENA uyilo: iifoto ezinkulu zemveliso kunye nemifanekiso yendlela yokuphila iyalawula, ngelixa izinto ze-chrome zibuyela kwizakhelo ezincinci, ukuhamba okukhanyayo, kunye nemigca emincinci. Amacandelo atshintshana ngokuchasene nemvelaphi engwevu ekhanyayo enebhloko ezinemibala epheleleyo yezinto zokukhuthaza, edala isingqisho ngotshintsho kubungakanani endaweni yezinto zokuhombisa.
Uyilo lwephepha liphepha elibanzi ngokupheleleyo elingenabubanzi obupheleleyo besikhongozeli obumiselweyo—amacandelo alula umphetho ukuya kumphetho, kunye neebhloko zesicatshulwa eziphakathi kwi-980px. Ukuhamba yibha enye yehlabathi ezinzileyo enefolda eyongezelelweyo yemveliso nganye ebonakala kwi-scroll. Uyilo oluphambili luhlala luphakathi: igama elikhulu lemveliso, umgca wethegi yomgca omnye, amaqhosha amabini epilisi, emva koko umfanekiso wemveliso ozalisa indawo yokujonga eseleyo. Amacandelo abekwe ngokuthe nkqo ngesingqisho esikhulu esithe nkqo (64px+ phakathi kwamacandelo), kutshintshana #f5f5f7 kunye nemvelaphi enemibala. Iphepha elisezantsi liluhlu olunye oluthe tye lwamakhadi enkonzo abanzi ngokupheleleyo (i-Apple TV+, iFitness+, uMculo, iArcade), nganye inebhloko yeefoto enombhalo ongaphezulu kunye neqhosha lepilisi. Akukho zicandelwana, akukho zakhiwo zomxholo wekholamu ezininzi, akukho zakhiwo zingalinganiyo—yonke into iphakathi, ibekwe, kwaye ilingana.
Ukufota lolona lwimi lubonakalayo lubalaseleyo. Iifoto zemveliso zithathwa ngasemva okumhlophe okanye okuthambileyo okungwevu, ngaphandle komxholo—isixhobo SINGenkwenkwezi, sahlulwe kwaye sikhanyisiwe. Iifoto zendlela yokuphila ziboniswa kwiibhena ezibanzi, zihlala zinezinto ezinqumleneyo. Iigradients zemibala (eluhlaza okwesibhakabhaka, epinki, eluhlaza) zisebenza njengemvelaphi yamacandelo emveliso, kungekhona njengomhombiso. I-iconography incinci kwaye isekelwe kumgca, ubukhulu obuyi-1-2px, kwi-grayscale efanayo nombhalo. Akukho mifanekiso, akukho mizobo ingabonakaliyo, akukho mifanekiso ye-3D, ngaphandle kweefoto zemveliso ngokwazo.
Iphalethi
Uphawu
- Apple Blue
#0071e3— Amaqhosha esenzo azaliswe ngokupheleleyo, iimeko ezikhethiweyo - umbala we-chromatic osebenzayo kuphela osetyenziswa kancinci ukwenza yonke imbonakalo ibe nentsingiselo. - Link Blue
#0066cc— Imida yesenzo egqanyisiweyo, iilinki ezifakwe ngaphakathi - kusetyenziswa umbala ogcweleyo kune-Apple Blue apho ithebhulethi egcweleyo ibiya kuba nomtsalane kakhulu. - Signal Blue
#2997ff— Iifreyimu zokuhombisa, imida yemifanekiso, imida ye icon - umbala oluhlaza okwesibhakabhaka okhaphukhaphu kwinkqubo, osetyenziselwa umoya endaweni yokusebenzisana nomsebenzisi.
Ukungathathi cala
- Carbon
#1d1d1f— Umbhalo oyintloko, imida yesihloko, imigca yokuhambahamba, imida yamakhadi - umbala we-inki obalaseleyo uphantse ube mnyama kwaye ubonakala ngathi ufudumele kancinci. - Frost
#f5f5f7— I-canvas yephepha, imvelaphi yombhalo oyintloko, kunye nomphezulu osezantsi zingwevu ekhanyayo ye-Apple, zipholile kancinci kunomhlophe ococekileyo. - Ice
#f4f8fb— Ukuzaliswa komphezulu okubonakalayo, imibala engabonakaliyo, umbhalo weqhosha kwimvelaphi emnyama—umbala oluhlaza okwesibhakabhaka ovuselela eli candelo ngaphandle kokulenza libonakale lingaqhelekanga. - Smoke
#333333— Umbhalo wesibini, ukuzaliswa kwe-navigation, imida yamaqhosha - Umbala oguquguqukayo ongathathi cala wemida kunye nee-icon ezifuna ukubethelwa ngaphezulu kunegrey ephakathi. - Graphite
#474747— Umbhalo wokuhambahamba, imida yokuhambahamba, imida yekhonkco - ithatha indawo ephakathi phakathi kweCarbon kunye noMsi kwi-element hierarchy. - Ash
#707070— Umbhalo osezantsi, imida yoluhlu, imida yokuzulazula, umbhalo womzimba ongashukumiyo - Umbala ongwevu ophakathi womxholo ekufuneka ubekhona kodwa ungagqamanga.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-56px · amanyathelo asibhozo
- SF Pro Display — ukutshintshwa: Inter · imida 400, 600, 700 · Izihloko kunye nombhalo omkhulu—ubukhulu obungama-40px+ busebenzisa ifomathi yokubonisa ukuze kubekho umngxuma omxinwa kunye nokulandelela okungalunganga okunamandla; i-700 igcinelwe uyilo lwentengiso, kwaye i-400 igcinelwe amagama eemveliso kumxholo wokuhlela.
- SF Pro Text — ukutshintshwa: Inter · imida 300, 400, 600 · Umbhalo womzimba, ukuzulazula, amaqhosha, izihlokwana — ifonti esebenzayo; 400 yombhalo womzimba, 300 yezihlokwana kunye neelebhile ezifanelekileyo, 600 yezinto zokuhambahamba kunye nombhalo weqhosha; isithuba soonobumba abangalunganga sincipha ngokobungakanani (ukusuka kwi--0.022em ukuya kwi-12px ukuya kwi--0.01em ukuya kwi-44px).
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 980px |
| Irediyasi yekhadi | 8px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 64px |
| Ububanzi bephepha | 1440px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Apple 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
- Studio — Udonga lwegalari oluhambayo. Isikrini ngasinye simele umphezulu womboniso ozolileyo nongwevu apho izinto zokubhala kunye nemisebenzi yobugcisa ehambelanayo ikhuphisana ukuze iqwalaselwe.
- Mollie — Ikhawuntara yekheshimere, ileja emnyama. Shiya indawo enkulu emhlophe yoyilo lomhleli olujikeleze umbhalo omnyama, uze uqinise amanqaku anxulumene nemveliso ngeekhrimu ezifudumeleyo, iibrown ze-espresso, kunye nemifanekiso echukumisayo yeendlela zokuhlawula zokwenyani.
- Basis Theory — Iiterminal zokuhlawula kwi studio yoyilo. Iphepha lobugcisa elimhlophe, iileya zentengiselwano ezikhanyayo ezijikelezileyo, kunye nenxalenye enye yokulawula ye-turquoise zichaza icala elibonakalayo.
- CleanShot X — Isitudiyo esinedesktop ekhanyayo okwesibhakabhaka. Yenza indawo emhlophe ezolileyo ejikeleze umbhalo omnyama omncinci, uze uvumele ulawulo oluluhlaza okwesibhakabhaka kunye nemifanekiso yemveliso yeMac eneengqimba zibe phambili.
- Modern Treasury — Incwadi yezemali ekwiphepha legrafu. Yenza amaphepha afana nephepha lokusebenza elizolileyo nelimhlophe, apho imali ingena khona iboniswa ngemigca emincinci, ii-nodes ezilebhile, kunye nolawulo oluchanekileyo nolufihliweyo.
- Basha-Franklin — Igridi yegalari phantsi kwe-lintel emhlophe. Sebenzisa umbala ofudumeleyo we-#f4ede6, isakhiwo esimnyama esincinci, kunye neekholamu ezingalinganiyo ngokusekelwe kwiifoto ezibonakala ngathi yipotifoliyo yoyilo eprintiweyo.
- Bajgart Office — Udonga lwegalari yomhleli. Sebenzisa indawo enkulu emhlophe apho iifonti ze-serif ezifihlakeleyo kunye neziqwenga zepotifoliyo zithwala ubunzima obubonakalayo obungaphezulu kunee-interface ezifakwe i-chrome.
- Heptabase — Idesika ekhanyiswe lilanga. Iindawo ezifudumeleyo, ezifana nephepha, izixhobo zokulawula ezinombala wamalahle, kunye neefestile ezidadayo zophando zenza uvakalelo lwendawo yokusebenza ehlelekileyo endaweni yephaneli yokulawula yesoftware.
- Bejamas — Iipajama—ilayimu eneasidi ngeglasi emnyama. Yenza amaphepha okuhlela azolileyo, angwevu-okhanyayo aphazanyiswe ziiphaneli ezimnyama ezinomtsalane apho imicu yokukhanya eluhlaza engacacanga idibana khona nomphezulu.
- Baba — Amanqaku okhathalelo elangeni elibomvu. Yenza imivimbo ebomvu ebanzi yebali ejikeleze ulwazi olumhlophe, olupinki nolukhrimu, usebenzisa iifoto zabantu njengesikhungo seemvakalelo.
- Grafana Labs — Igumbi lolawulo leSunrise Signal Station. Indawo yokusebenzela ethuleyo engwevu namhlophe idibene ne-gradient ebanzi, enemibala emine kunye nemiqondiso ecacileyo ye-interface eluhlaza okwesibhakabhaka.
- Kagi — Igumbi lokufundela elahlukileyo. Yenza indawo emhlophe evulekileyo ejikeleze umbhalo wegrafiti ongqindilili, usebenzisa imibala emfusa ethambileyo kunye neendawo ezifudumeleyo zepastel ukuze uchithe uxolo.