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
- Ui — plan klinik sou papye mat
- ElevenLabs — Yon redaksyon foto nan ton krèm cho ak tit sibtil. Yon kaye style Bauhaus—papye koulè kokiy ze, lank nwa, ak yon sèl aksan mov ak zoranj pou montre pwodwi a.
- monopo saigon — Yon limyè likid, iridesan dèyè silans editoryal la—yon galeri editoryal monokrom k ap flote sou limyè fonn
- Awesomic — May zenk editoryal ak mak ponktiyasyon zoranj ki fè moun panse ak konfeti
- Monad — jounal teknik editoryal sou parchemin cho
- Dub — Panèl kontwòl papye diri mat Link la
- Seline Analytics — Yon tab analiz trankil sou papye cho
- Ventriloc — Yon obsèvatwa editoryal done sou papye cho - yon sèl ti flanm zoranj ki mete aksan sou presizyon monokrom lan
- Duolingo — Maskòt klas amizan sou papye blan
- Stripe — Yon liv kont ki ekri ak lank digo sou vè glase
- Notion — Yon kaye papye cho nan solèy midi a
- Hyer Aviation — Krepuskil nan kokpit la sou parchemin. Syèl pal douvanjou a rankontre logo serif gwosè fuselage la, epi yon sèl aksan ajil cho kraze kontrent monokrom lan.