Apple
Yon chanm blan ak yon sèl switch ble
Design Apple la se yon modèl kontrent: yon twal prèske blan, anpil espas blan, ak yon sèl aksan ble vibran ki fè chak aksyon santi l fèt espre. Prensipal konsantrasyon an se tipografi—SF Pro, ak espasman lèt negatif ki diminye lè gwosè a ogmante, sa ki bay tit yo yon klète achitekti san yo pa twò lou. Pwodwi a SE design lan: gwo foto pwodwi ak imaj vi domine, pandan eleman chrome yo retire nan ankadreman mens, navigasyon translisid, ak liy sibtil. Seksyon yo altène sou yon background gri klè ak blòk tout koulè pou materyèl pwomosyonèl, kreye ritm atravè chanjman nan echèl olye de eleman dekoratif.
Mizanpaj la se yon paj plen lajè san yon lajè maksimòm fiks—seksyon yo lonje youn sou lòt, ak blòk tèks santre anndan yo a apeprè 980px. Navigasyon an se yon sèl ba global fiks ak yon sou-dosye anplis pou chak pwodwi ki parèt lè w ap defile. Mizanpaj prensipal la toujou santre: yon gwo non pwodwi, yon eslogan yon sèl liy, de bouton grenn, answit yon imaj pwodwi ki ranpli rès fenèt la. Seksyon yo anpile vètikalman ak yon ritm vètikal jenere (64px+ ant seksyon yo), altène #f5f5f7 ak background koulè. Paj anba a se yon sèl ranje orizontal kat sèvis plen lajè (Apple TV+, Fitness+, Mizik, Arcade), chak se yon blòk foto ak tèks sipèpoze ak yon bouton grenn. Pa gen ba bò, pa gen mizanpaj kontni plizyè kolòn, pa gen konpozisyon asimetri—tout bagay santre, anpile, epi simetrik.
Fotografi se langaj vizyèl dominan an. Foto pwodwi yo pran sou yon fon blan pi oswa gri mou, san okenn kontèks—aparèy la SE zetwal la, izole epi eklere. Foto mòd vi yo parèt nan banyè plen lajè, souvan ak objè byen koupe. Gradyan koulè (ble pastel, woz, vèt) sèvi kòm yon fon pou seksyon pwodwi yo, pa kòm dekorasyon. Ikonografi a minimalist e li baze sou liy, 1-2px epesè, nan menm echèl gri ak tèks la. Pa gen ilistrasyon, pa gen grafik abstrè, pa gen rann 3D, eksepte pou foto pwodwi yo tèt yo.
Palèt
Mak
- Apple Blue
#0071e3— Bouton aksyon ranpli, eta chwazi - sèl koulè kromatik entèaktif ki itilize ak modération pou fè chak aparans gen sans. - Link Blue
#0066cc— Bord aksyon ki make, lyen entegre - yo itilize yon koulè ki pi satire pase Apple Blue kote yon tablèt plen ta twò klere. - Signal Blue
#2997ff— Kad dekoratif, kontou imaj, fwontyè ikòn - koulè ble ki pi lejè nan sistèm nan, yo itilize li pou atmosfè olye ke pou entèraksyon itilizatè.
Netral
- Carbon
#1d1d1f— Tèks prensipal la, fwontyè tit yo, liy navigasyon yo, fwontyè kat yo - koulè lank prensipal la se prèske nwa ak yon ti chalè. - Frost
#f5f5f7— Kanva paj la, background tèks prensipal la, ak sifas pye paj la se gri limyè siyati Apple la, yon ti kras pi fre pase blan pi. - Ice
#f4f8fb— Ranpli sifas ekspresif, koulè sibtil, tèks bouton sou yon background nwa—yon koulè ble sibtil ki anime seksyon an san li pa fè l parèt diferan. - Smoke
#333333— Tèks segondè, ranpli navigasyon, fwontyè bouton - Yon koulè net versatile pou fwontyè ak ikòn ki bezwen plis enpak pase yon gri mwayen. - Graphite
#474747— Tèks navigasyon, fwontyè navigasyon, fwontyè lyen - okipe yon pozisyon entèmedyè ant Kabòn ak Lafimen nan yerachi eleman an. - Ash
#707070— Tèks pye paj, fwontyè lis, fwontyè navigasyon, tèks kò ki pa twò vizib - Yon gri mwayen pou kontni ki bezwen prezan men ki pa dwe vizib.
Tipografi
soti nan 12 pou rive nan 56px · 8 etap
- SF Pro Display — ranplasman: Inter · plan 400, 600, 700 · Tit ak gwo tèks—gwosè 40px+ yo itilize yon fòma ekspozisyon pou yon ouvèti ki pi etwat ak yon swivi negatif ki pi solid; 700 rezève pou layout piblisite, epi 400 se pou non pwodwi nan kontni editoryal.
- SF Pro Text — ranplasman: Inter · plan 300, 400, 600 · Tèks kò a, navigasyon, bouton, soutit — polis fonksyonèl; 400 pou tèks kò a, 300 pou soutit ak etikèt kalifye, 600 pou eleman navigasyon ak tèks bouton; espasman lèt negatif diminye pwopòsyonèlman ak gwosè a (soti nan -0.022em pou rive nan 12px pou rive nan -0.01em pou rive nan 44px).
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 12px |
| Reyon bouton | 980px |
| Reyon kat | 8px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64px |
| Lajè paj la | 1440px |
IA ap bati sit entènèt ou a nan style Apple epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Studio — Yon miray galeri an mouvman. Chak ekran reprezante yon sifas ekspozisyon gri e trankil kote materyèl tipografik ak travay kreyatif ki sipèpoze ap konkoure pou atansyon.
- Mollie — Yon kontwa kachmir, yon liv kont nwa. Kite ase espas blan pou konsepsyon editoryal otou tèks nwa a, answit ranfòse pwen ki gen rapò ak pwodwi a ak krèm cho, kafe espresso mawon, ak foto manyen nan metòd peman reyèl yo.
- Basis Theory — Tèminal peman nan estidyo konsepsyon an. Papye teknik blan, kouch tranzaksyon translisid ki sipèpoze, ak yon sèl eleman kontwòl koulè ble fonse defini direksyon vizyèl la.
- CleanShot X — Yon estidyo ak yon biwo ki limen an ble. Kreye yon espas blan kalm otou yon tèks nwa kontra enfòmèl ant, epi kite kontwòl ble rich yo ak imaj pwodwi Mac yo ki an kouch pran sant atansyon an.
- Modern Treasury — Yon liv kont trezò sou papye graf. Kreye paj ki sanble ak yon fèy operasyon blan e trankil, kote koule lajan kach yo parèt ak liy fen, ne make, ak kontwòl presi e kache.
- Basha-Franklin — Yon kadriyaj galeri anba yon lento blan. Sèvi ak yon koulè cho #f4ede6, yon estrikti nwa sibtil, ak kolòn asimetrik ki baze sou foto ki sanble ak yon pòtfolyo achitekti enprime.
- Bajgart Office — Miray galri editoryal la. Sèvi ak yon gwo espas blan kote polis serif sibtil yo ak fragman pòtfolyo yo gen plis pwa vizyèl pase eleman koòdone ki plake ak kwòm.
- Heptabase — Yon biwo ki byen klere ak solèy. Sifas cho ki sanble ak papye, kontwòl koulè chabon, ak fenèt k ap flote pou rechèch kreye santiman yon espas travay òganize olye de yon panèl kontwòl lojisyèl.
- Bejamas — Pijama—lacho asid atravè vit nwa. Kreye paj editoryal kalm, gri klè, koupe pa panno nwa kaptivan kote tras limyè vèt twoub kwaze sifas la.
- Baba — Nòt swen anba limyè solèy wouj. Kreye gwo bann naratif wouj otou sifas enfòmasyon blan, woz ak krèm ki entim, sèvi ak foto moun kòm sant emosyonèl la.
- Grafana Labs — Sal kontwòl Estasyon Siyal Sunrise la. Yon espas travay gri ak blan trankil konbine avèk yon gwo gradyan orizon kat koulè ak siyal koòdone ble presi.
- Kagi — Yon sal lekti apa. Kreye yon espas blan ouvè otou tèks grafit fonse, sèvi ak ti detay koulè mov ak sifas koulè pastel cho pou kraze trankilite a.