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
- Ui — isicwangciso seklinikhi kwiphepha elingacwebezeliyo
- ElevenLabs — Isincoko seefoto ezinemibala efudumeleyo yekhrimu enezihloko ezincinci. Incwadi yeencwadi efana neBauhaus—iphepha elinombala weqokobhe leqanda, i-inki emnyama, kunye ne-accent enye emfusa neorenji yokubonisa imveliso.
- monopo saigon — Ukukhanya okukhanyayo okumanzi, okukhanyayo emva kokuthula komhleli—igalari yokuhlela enombala omnye idada ekukhanyeni okunyibilikisiweyo
- Awesomic — I-zinc mesh yomhleli eneempawu zokubhala eziorenji ezikhumbuza i-confetti
- Monad — ijenali yobugcisa yomhleli malunga nephepha elifudumeleyo
- Dub — Iphaneli yokulawula iphepha lerayisi elingacwebezeliyo leLink
- Seline Analytics — Itheyibhile yohlalutyo ezolileyo ephepheni elifudumeleyo
- Ventriloc — I-observatory yomhleli yedatha ephepheni elifudumeleyo - i-ember enye e-orenji egxininisa ukuchaneka kwe-monochrome
- Duolingo — Imascot yeklasi yokudlala ephepheni elimhlophe
- Stripe — Incwadi yeakhawunti ebhalwe nge-inki ye-indigo kwiglasi eqandisiweyo
- Notion — Incwadi yephepha efudumeleyo elangeni lasemini
- Hyer Aviation — Ukuhlwa kwentolongo phezu kwephepha. Isibhakabhaka esikhanyayo sokusa sidibana nelogo ye-serif enobukhulu be-fuselage, kwaye isandi esinye sodongwe esifudumeleyo siyaphula i-monochrome.