Apple

Chumba cheupe chenye swichi moja ya bluu

Ubunifu wa Apple ni mfano wa kujizuia: turubai karibu nyeupe, nafasi nyeupe kubwa, na lafudhi moja ya bluu inayong'aa ambayo hufanya kila kitendo kionekane cha makusudi. Lengo kuu ni uchapaji—SF Pro, yenye nafasi hasi ya herufi inayopungua kadri ukubwa unavyoongezeka, ikitoa uwazi wa usanifu bila kuwa mzito kupita kiasi. Bidhaa NI muundo: picha kubwa za bidhaa na picha za mtindo wa maisha hutawala, huku vipengele vya chrome vikipungua na kuwa fremu nyembamba, urambazaji unaong'aa, na mistari hafifu. Sehemu hubadilishana dhidi ya mandharinyuma ya kijivu chepesi yenye vitalu vya rangi kamili kwa ajili ya vifaa vya utangazaji, na kuunda mdundo kupitia mabadiliko katika ukubwa badala ya vipengele vya mapambo.

Mpangilio wa ukurasa ni ukurasa wenye upana kamili bila upana wa juu wa chombo—sehemu zinazonyoosha ukingo hadi ukingo, huku vizuizi vya maandishi vikiwekwa katikati ya takriban pikseli 980. Usogezaji ni upau mmoja wa kimataifa usiobadilika wenye folda ndogo ya ziada kwa kila bidhaa inayoonekana kwenye kusogeza. Mpangilio mkuu huwa katikati kila wakati: jina kubwa la bidhaa, kaulimbiu ya mstari mmoja, vitufe viwili vya kidonge, kisha picha ya bidhaa inayojaza sehemu iliyobaki ya kutazama. Sehemu zimepangwa wima kwa mdundo mkubwa wa wima (pikseli 64+ kati ya sehemu), zikibadilishana #f5f5f7 na mandharinyuma yenye rangi. Ukurasa wa chini ni safu moja mlalo ya kadi za huduma zenye upana kamili (Apple TV+, Fitness+, Music, Arcade), kila moja ikiwa na kizuizi cha picha chenye maandishi ya juu na kitufe cha kidonge. Hakuna upau wa pembeni, hakuna mipangilio ya maudhui ya safu wima nyingi, hakuna michanganyiko isiyo na ulinganifu—kila kitu kiko katikati, kimepangwa, na kina ulinganifu.

Upigaji picha ndio lugha kuu inayoonekana. Picha za bidhaa hupigwa dhidi ya mandharinyuma nyeupe au laini ya kijivu, bila muktadha wowote—kifaa NDICHO nyota, kimetengwa na kuangazwa. Picha za mtindo wa maisha huonyeshwa katika mabango yenye upana kamili, mara nyingi zikiwa na vitu vilivyokatwa vizuri. Miteremko ya rangi (bluu ya rangi ya waridi, waridi, kijani) hutumika kama mandharinyuma ya sehemu za bidhaa, si kama mapambo. Aikoni ni ndogo na inategemea mstari, unene wa pikseli 1-2, katika kiwango sawa cha kijivu kama maandishi. Hakuna vielelezo, hakuna michoro dhahania, hakuna michoro ya 3D, isipokuwa picha za bidhaa zenyewe.

Unyenyekevu

https://www.apple.com

Paleti

Chapa

Apple Blue #0071e3 — Vitufe vya vitendo vilivyojazwa, hali zilizochaguliwa - rangi pekee shirikishi ya kromatic inayotumika kwa uchache kufanya kila mwonekano uwe na maana.
Link Blue #0066cc — Mipaka ya vitendo iliyoangaziwa, viungo vilivyopachikwa - rangi iliyojaa zaidi kuliko Apple Blue hutumika ambapo kompyuta kibao iliyojazwa ingekuwa na mng'ao mwingi.
Signal Blue #2997ff — Fremu za mapambo, mihtasari ya picha, mipaka ya aikoni - rangi ya bluu nyepesi zaidi katika mfumo, inayotumika kwa mazingira badala ya mwingiliano wa mtumiaji.

Isiyoegemea upande wowote

Carbon #1d1d1f — Maandishi makuu, mipaka ya vichwa, mistari ya urambazaji, mipaka ya kadi - rangi kuu ya wino ni karibu nyeusi na mwanga mdogo wa joto.
Frost #f5f5f7 — Turubai ya ukurasa, mandharinyuma ya maandishi kuu, na uso wa chini ni kijivu hafifu cha Apple, baridi kidogo kuliko nyeupe safi.
Ice #f4f8fb — Uso unaojaza kwa urahisi, rangi hafifu, maandishi ya kitufe kwenye mandharinyuma meusi—rangi hafifu ya bluu ambayo huhuisha sehemu hiyo bila kuifanya ionekane wazi.
Smoke #333333 — Maandishi ya pili, kujaza urambazaji, mipaka ya vitufe - Rangi isiyo na upande wowote inayoweza kutumika kwa mipaka na aikoni zinazohitaji nguvu zaidi kuliko kijivu cha wastani.
Graphite #474747 — Maandishi ya urambazaji, mipaka ya urambazaji, mipaka ya viungo - inachukua nafasi ya kati kati ya Kaboni na Moshi katika safu ya vipengele.
Ash #707070 — Maandishi ya chini, mipaka ya orodha, mipaka ya urambazaji, maandishi ya mwili yaliyonyamazishwa - Kijivu cha wastani kwa maudhui ambayo yanahitaji kuwepo lakini hayaonekani wazi.

Uchapaji

kutoka pikseli 12 hadi 56 · hatua 8

SF Pro Display — mbadala: Inter · mihtasari 400, 600, 700 · Vichwa vya habari na maandishi makubwa—ukubwa wa pikseli 40+ hutumia umbizo la onyesho kwa ajili ya uwazi mwembamba na ufuatiliaji hasi wenye nguvu zaidi; 700 imehifadhiwa kwa ajili ya mipangilio ya matangazo, na 400 ni kwa ajili ya majina ya bidhaa katika maudhui ya uhariri.
SF Pro Text — mbadala: Inter · mihtasari 300, 400, 600 · Maandishi ya mwili, urambazaji, vitufe, vichwa vidogo — fonti inayofanya kazi; 400 kwa maandishi ya mwili, 300 kwa vichwa vidogo na lebo zilizoidhinishwa, 600 kwa vipengele vya urambazaji na maandishi ya kitufe; nafasi ya herufi hasi hupungua sawia na ukubwa (kutoka -0.022em hadi 12px hadi -0.01em hadi 44px).

Vipindi na umbo

Kusudi	Maana
Uzito	wastani
Hatua ya msingi	12px
Kipenyo cha kitufe	980px
Redi ya kadi	8px
Vivuli	hapana - mipaka badala ya vivuli
Kati ya sehemu	64px
Upana wa ukurasa	1440px

AI itaunda tovuti yako kwa mtindo wa Apple na kuijaza

Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.

Unda tovuti katika mtindo huu

Mitindo inayofanana

Studio — Ukuta wa matunzio unaotembea. Kila skrini inawakilisha sehemu tulivu ya maonyesho ya kijivu ambapo vifaa vya uchapaji na kazi za ubunifu zinazoingiliana hushindana kwa ajili ya umakini.
Mollie — Kaunta ya pesa taslimu, kitabu chenye leja nyeusi. Acha nafasi nyeupe ya kutosha kwa ajili ya muundo wa uhariri kuzunguka maandishi meusi, kisha ongeza nguvu kwenye sehemu zinazohusiana na bidhaa kwa krimu za joto, rangi za kahawia za espresso, na picha za kugusa za njia halisi za malipo.
Basis Theory — Vituo vya malipo katika studio ya usanifu. Karatasi nyeupe ya kiufundi, tabaka za miamala zinazoingiliana zinazong'aa, na kipengele kimoja cha udhibiti wa zumaridi hufafanua mwelekeo wa kuona.
CleanShot X — Studio yenye eneo-kazi lenye mwanga wa bluu. Unda nafasi nyeupe tulivu kuzunguka maandishi meusi madogo, kisha acha vidhibiti vya bluu na picha za bidhaa za Mac zenye tabaka zichukue nafasi kuu.
Modern Treasury — Kitabu cha hazina kwenye karatasi ya grafu. Unda kurasa zinazofanana na karatasi nyeupe na tulivu ya uendeshaji, ambapo mtiririko wa pesa huonyeshwa kwa mistari midogo, nodi zilizoandikwa, na vidhibiti sahihi na vilivyofichwa.
Basha-Franklin — Gridi ya ghala chini ya kizingiti cheupe. Tumia rangi ya joto ya #f4ede6, muundo mweusi hafifu, na nguzo zisizo na ulinganifu kulingana na picha zinazoonekana kama jalada la usanifu lililochapishwa.
Bajgart Office — Ukuta wa matunzio ya wahariri. Tumia nafasi kubwa nyeupe ambapo fonti ndogo za serif na vipande vya kwingineko hubeba uzito zaidi wa kuona kuliko vipengele vya kiolesura vilivyofunikwa na chrome.
Heptabase — Dawati lenye mwanga wa jua. Nyuso zenye joto, kama karatasi, vidhibiti vya rangi ya mkaa, na madirisha yanayoelea kwa ajili ya utafiti huunda hisia ya nafasi ya kazi iliyopangwa badala ya paneli ya udhibiti wa programu.
Bejamas — Pajama—chokaa chenye asidi kupitia kioo cheusi. Unda kurasa za uhariri zenye utulivu, kijivu chepesi zilizokatizwa na paneli nyeusi zinazovutia ambapo mistari ya kijani kibichi ya mwanga huingiliana na uso.
Baba — Maelezo ya utunzaji kwenye mwanga wa jua mwekundu. Unda mistari mipana ya simulizi nyekundu kuzunguka nyuso za ndani nyeupe, waridi, na krimu, ukitumia picha za watu kama kitovu cha hisia.
Grafana Labs — Chumba cha udhibiti cha Kituo cha Ishara cha Kuchomoza kwa Jua. Sehemu tulivu ya kazi ya kijivu na nyeupe inachanganya na mteremko mpana wa upeo wa macho wa rangi nne na ishara sahihi za kiolesura cha bluu.
Kagi — Chumba tofauti cha kusomea. Tengeneza nafasi nyeupe iliyo wazi kuzunguka maandishi ya grafiti yenye herufi nzito, ukitumia lafudhi laini za zambarau na nyuso zenye joto za rangi ya waridi ili kuvunja utulivu.