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.
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.
Mitindo inayofanana
- Ui — mpango wa kliniki kwenye karatasi isiyong'aa
- ElevenLabs — Insha ya picha katika rangi ya krimu yenye umbo la kuvutia na vichwa vya habari hafifu. Daftari la mtindo wa Bauhaus—karatasi yenye rangi ya ganda la yai, wino mweusi, na lafudhi moja ya zambarau na chungwa kwa ajili ya kuonyesha bidhaa.
- monopo saigon — Mwangaza wa kimiminika, unaong'aa nyuma ya ukimya wa uhariri—ghala la uhariri la monochrome linaloelea kwenye mwanga ulioyeyuka
- Awesomic — Matundu ya zinki ya uhariri yenye alama za uakifishaji za rangi ya chungwa zinazokumbusha confetti
- Monad — jarida la kiufundi la uhariri kuhusu ngozi ya joto
- Dub — Paneli ya kudhibiti karatasi ya mchele isiyong'aa ya Link
- Seline Analytics — Jedwali la uchanganuzi tulivu kwenye karatasi ya joto
- Ventriloc — Uchunguzi wa wahariri wa data kwenye karatasi ya joto - kaa moja la rangi ya chungwa linaloangazia usahihi wa monochrome
- Duolingo — Mascot ya darasa la kucheza kwenye karatasi nyeupe
- Stripe — Kitabu cha akaunti kilichoandikwa kwa wino wa indigo kwenye glasi iliyoganda
- Notion — Daftari la karatasi lenye joto kwenye jua la mchana
- Hyer Aviation — Jioni kwenye chumba cha rubani juu ya ngozi. Anga hafifu ya alfajiri inakutana na nembo ya serif yenye ukubwa wa fuselage, na lafudhi moja ya udongo wa joto huvunja kizuizi cha monochrome.