Apple
He lumi keʻokeʻo me kahi kuapo polū hoʻokahi
ʻO ka hoʻolālā a Apple he kumu hoʻohālike o ke kāohi: kahi canvas kokoke i ke keʻokeʻo, kahi ākea keʻokeʻo, a me kahi leo polū hoʻokahi a ʻōlinolino e hoʻolilo i kēlā me kēia hana i manaʻo ʻia. ʻO ke kiko nui ka typography—SF Pro, me ka mamao leka maikaʻi ʻole e emi ana me ka nui o ka nui, e hāʻawi ana i nā poʻo inoa i kahi maopopo o ke kūkulu ʻana me ka ʻole o ke kaumaha nui. ʻO ka huahana ka hoʻolālā: nā kiʻi huahana nui a me nā kiʻi nohona e noho aliʻi ana, ʻoiai nā mea chrome e emi ana i loko o nā kiʻi lahilahi, ka hoʻokele translucent, a me nā laina maalea. Hoʻololi nā ʻāpana e kūʻē i kahi hope hina māmā me nā poloka kala piha no nā mea hoʻolaha, e hana ana i ka mele ma o nā loli i ka unahi ma mua o nā mea hoʻonaninani.
ʻO ka hoʻonohonoho ʻaoʻao he ʻaoʻao piha-ākea me ka laulā pahu kiʻekiʻe ʻole i paʻa—hoʻolōʻihi nā ʻāpana mai ka lihi a i ka lihi, me nā poloka kikokikona i waenakonu ma kahi o 980px. ʻO ka hoʻokele he pā honua hoʻokahi, paʻa me kahi waihona liʻiliʻi hou no kēlā me kēia huahana e ʻike ʻia ma ka ʻōwili. Hoʻonohonoho mau ʻia ka hoʻonohonoho nui: kahi inoa huahana nui, kahi tagline laina hoʻokahi, ʻelua pihi pila, a laila he kiʻi huahana e hoʻopiha ana i ke koena viewport. Hoʻopili ʻia nā ʻāpana me kahi mele kū pololei nui (64px+ ma waena o nā ʻāpana), e hoʻololi ana i ka #f5f5f7 a me nā kua kala. ʻO ka ʻaoʻao lalo he lālani hoʻokahi o nā kāleka lawelawe piha-ākea (Apple TV+, Fitness+, Music, Arcade), kēlā me kēia poloka kiʻi me ka kikokikona overlay a me kahi pihi pila. ʻAʻohe ʻaoʻao ʻaoʻao, ʻaʻohe hoʻonohonoho ʻike multi-column, ʻaʻohe haku mele asymmetrical—ua kikowaena nā mea āpau, hoʻopili ʻia, a symmetrical.
ʻO ke kiʻi paʻi ka ʻōlelo ʻike nui. Lawe ʻia nā kiʻi huahana e kūʻē i kahi hope keʻokeʻo maʻemaʻe a hina palupalu paha, me ka ʻole o kekahi pōʻaiapili—ʻo ka hāmeʻa ka hōkū, i hoʻokaʻawale ʻia a hoʻomālamalama ʻia. Hōʻike ʻia nā kiʻi nohona ma nā hae piha piha, pinepine me nā mea i ʻoki paʻa ʻia. ʻO nā gradients kala (uliuli pastel, poni, ʻōmaʻomaʻo) e lawelawe ma ke ʻano he kua no nā ʻāpana huahana, ʻaʻole ma ke ʻano he mea hoʻonaninani. He minimalist ka iconography a ma muli o ka laina, 1-2px ka mānoanoa, ma ka hina like me ke kikokikona. ʻAʻohe kiʻi, ʻaʻohe kiʻi abstract, ʻaʻohe 3D renderings, koe wale nō nā kiʻi huahana ponoʻī.
Paleta
Lama
- Apple Blue
#0071e3— Nā pihi hana i hoʻopiha ʻia, nā kūlana i koho ʻia - ʻo ke kala chromatic interactive wale nō i hoʻohana iki ʻia e hoʻolilo i kēlā me kēia hiʻohiʻona i mea nui. - Link Blue
#0066cc— Nā palena hana i hōʻike ʻia, nā loulou i hoʻokomo ʻia - hoʻohana ʻia kahi waihoʻoluʻu ʻoi aku ka momona ma mua o ka Apple Blue i kahi e ʻālohilohi loa ai kahi papa i piha. - Signal Blue
#2997ff— Nā mōlina hoʻonaninani, nā ʻaoʻao kiʻi, nā palena ikona - ke kala polū māmā loa i ka ʻōnaehana, hoʻohana ʻia no ka lewa ma mua o ka launa pū ʻana me ka mea hoʻohana.
Kūlike ʻole
- Carbon
#1d1d1f— ʻO ke kikokikona nui, nā palena poʻomanaʻo, nā laina hoʻokele, nā palena kāleka - ʻaneʻane ʻeleʻele ke kala ʻīnika nui me kahi ʻoluʻolu iki o ka mehana. - Frost
#f5f5f7— ʻO ke kāwele o ka ʻaoʻao, ke kua o ka kikokikona nui, a me ka ʻili footer he hina māmā o Apple, ʻoi aku ka maʻalili ma mua o ke keʻokeʻo maʻemaʻe. - Ice
#f4f8fb— Nā hoʻopiha ʻili hoʻonaninani, nā waihoʻoluʻu lahilahi, nā pihi kikokikona ma luna o kahi kua ʻeleʻele—he waihoʻoluʻu polū lahilahi e hoʻoulu ai i ka ʻāpana me ka ʻole o ka hoʻokaʻawale ʻana. - Smoke
#333333— Kikokikona lua, hoʻopiha hoʻokele, palena pihi - He kala kūlike ʻole no nā palena a me nā kiʻiona e pono ai ka ʻoi aku ka ikaika ma mua o ka hina waena. - Graphite
#474747— Kikokikona hoʻokele, nā palena hoʻokele, nā palena loulou - noho ma kahi kūlana waena ma waena o Carbon a me Smoke ma ka papa hoʻonohonoho element. - Ash
#707070— Kikokikona footer, palena papa inoa, palena hoʻokele, kikokikona kino mālie - He hina waena no ka ʻike e pono ai ke kū akā ʻaʻole i ʻike nui ʻia.
Palapala hoʻopili
mai 12 a 56px · 8 mau ʻanuʻu
- SF Pro Display — pani: Inter · nā hoʻolālā 400, 600, 700 · Nā poʻo inoa a me nā kikokikona nui—hoʻohana nā nui 40px+ i kahi ʻano hōʻike no kahi puka ʻoi aku ka haiki a me ka hahai ʻana i ka maikaʻi ʻole; Ua mālama ʻia ʻo 700 no nā hoʻonohonoho hoʻolaha, a ʻo 400 no nā inoa huahana i ka ʻike hoʻoponopono.
- SF Pro Text — pani: Inter · nā hoʻolālā 300, 400, 600 · Kikokikona kino, hoʻokele, pihi, poʻomanaʻo liʻiliʻi — kinona hana; 400 no ke kikokikona kino, 300 no nā poʻomanaʻo liʻiliʻi a me nā lepili kūpono, 600 no nā mea hoʻokele a me ke kikokikona pihi; emi ka mamao o nā leka maikaʻi ʻole e like me ka nui (mai -0.022em a i 12px a i -0.01em a i 44px).
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 12px |
| Ka radius o ke pihi | 980px |
| Ka laulā o ke kāleka | 8px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 64px |
| Ka laulā o ka ʻaoʻao | 1440px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Apple a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Studio — He paia hale hōʻikeʻike e neʻe ana. Hōʻike kēlā me kēia pale i kahi ʻili hōʻikeʻike mālie a hina hina kahi e hoʻokūkū ai nā mea kikokiko a me nā hana hana e pili ana no ka nānā ʻana.
- Mollie — He pākaukau cashmere, he puke moʻolelo ʻeleʻele. E waiho i kahi ākea keʻokeʻo no ka hoʻolālā hoʻoponopono a puni ka kikokikona ʻeleʻele, a laila e hoʻoikaika i nā kiko e pili ana i ka huahana me nā kirīmi mahana, nā ʻeleʻele espresso, a me nā kiʻi paʻi o nā ʻano uku maoli.
- Basis Theory — Nā kikowaena uku ma ke keʻena hoʻolālā. ʻO ka pepa loea keʻokeʻo, nā papa hana translucent e uhi ana, a me kahi mea hoʻomalu turquoise hoʻokahi e wehewehe ana i ke kuhikuhi ʻike.
- CleanShot X — He keʻena hana me kahi pākaukau polū. E hana i kahi ākea keʻokeʻo mālie a puni nā kikokikona ʻeleʻele liʻiliʻi, a laila e ʻae i nā mana polū momona a me nā kiʻi huahana Mac i hoʻopaʻa ʻia e lawe i ke kahua waena.
- Modern Treasury — He puke waihona kālā ma ka pepa kiʻi. E hana i nā ʻaoʻao e like me kahi pepa hana keʻokeʻo mālie, kahi e hōʻike ʻia ai nā kahe kālā me nā laina maikaʻi, nā kikowaena i hōʻailona ʻia, a me nā mana huna pololei.
- Basha-Franklin — He kiʻikuhi hale hōʻikeʻike ma lalo o kahi lintel keʻokeʻo. E hoʻohana i kahi kala #f4ede6 mahana, kahi ʻano ʻeleʻele lahilahi, a me nā kolamu asymmetrical e pili ana i nā kiʻi e like me kahi waihona hoʻolālā hale i paʻi ʻia.
- Bajgart Office — Paia hale hōʻikeʻike hoʻoponopono. E hoʻohana i kahi ākea keʻokeʻo nui kahi e lawe ai nā kinona serif maʻalahi a me nā ʻāpana waihona i ke kaumaha ʻike maka ma mua o nā mea interface i uhi ʻia me ka chrome.
- Heptabase — He pākaukau i hoʻomālamalama ʻia e ka lā. ʻO nā ʻili mehana e like me ka pepa, nā mea hoʻokele kala lanahu, a me nā puka makani lana no ka noiʻi e hoʻokumu i ka manaʻo o kahi wahi hana i hoʻonohonoho ʻia ma mua o kahi papa hoʻokele polokalamu.
- Bejamas — ʻO nā Pajamas—ʻakika lime ma o ke aniani ʻeleʻele. E hana i nā ʻaoʻao hoʻoponopono mālie, hina māmā i hoʻopau ʻia e nā panela ʻeleʻele hoihoi kahi e hui ai nā kaha ʻōmaʻomaʻo blurred o ke kukui ma ka ʻili.
- Baba — Nā memo mālama i ka lā ʻulaʻula. E hana i nā kaha moʻolelo ʻulaʻula ākea a puni nā ʻili ʻike keʻokeʻo, poni, a me ka kirīmi, me ka hoʻohana ʻana i nā kiʻi o nā kānaka ma ke ʻano he kikowaena manaʻo.
- Grafana Labs — ʻO ka lumi hoʻomalu o ke kahua hōʻailona puka ʻana o ka lā. Hoʻohui ʻia kahi wahi hana hina-a-keʻokeʻo mālie me kahi gradient ākea, ʻehā kala a me nā hōʻailona interface polū pololei.
- Kagi — He lumi heluhelu kaʻawale. E hana i kahi ākea keʻokeʻo a puni ka kikokikona graphite wiwo ʻole, me ka hoʻohana ʻana i nā leo poni akahai a me nā ʻili pastel mahana e uhaʻi i ka mālie.