Apple

Ystafell wen gydag un switsh glas

Mae dyluniad Apple yn fodel o gyfyngder: cynfas bron yn wyn, digon o le gwyn, ac acen las fywiog sengl sy'n gwneud i bob gweithred deimlo'n fwriadol. Y prif ffocws yw teipograffeg—SF Pro, gyda bylchau llythrennau negyddol sy'n lleihau wrth i faint gynyddu, gan roi eglurder pensaernïol i benawdau heb fod yn rhy drwm. Y cynnyrch YW'R dyluniad: mae lluniau cynnyrch mawr a delweddau ffordd o fyw yn dominyddu, tra bod elfennau crôm yn cilio i fframiau tenau, llywio tryloyw, a llinellau cynnil. Mae adrannau'n newid yn erbyn cefndir llwyd golau gyda blociau lliw llawn ar gyfer deunyddiau hyrwyddo, gan greu rhythm trwy newidiadau mewn graddfa yn hytrach nag elfennau addurniadol.

Mae cynllun y dudalen yn dudalen lled llawn heb unrhyw led cynhwysydd mwyaf penodol—mae adrannau'n ymestyn o ymyl i ymyl, gyda blociau testun wedi'u canoli o fewn tua 980px. Mae'r llywio yn far byd-eang sengl, sefydlog gydag is-ffolder ychwanegol ar gyfer pob cynnyrch sy'n ymddangos ar sgrolio. Mae'r prif gynllun bob amser wedi'i ganoli: enw cynnyrch mawr, slogan un llinell, dau fotwm bilsen, yna delwedd cynnyrch sy'n llenwi'r porth gwylio sy'n weddill. Mae adrannau wedi'u pentyrru'n fertigol gyda rhythm fertigol hael (64px+ rhwng adrannau), gan newid #f5f5f7 a chefndiroedd lliw. Mae'r dudalen waelod yn rhes lorweddol sengl o gardiau gwasanaeth lled llawn (Apple TV+, Fitness+, Music, Arcade), pob un yn floc llun gyda thestun gorchudd a botwm bilsen. Dim bariau ochr, dim cynlluniau cynnwys aml-golofn, dim cyfansoddiadau anghymesur—mae popeth wedi'i ganoli, wedi'i bentyrru, ac yn gymesur.

Ffotograffiaeth yw'r iaith weledol ddominyddol. Tynnir lluniau cynnyrch yn erbyn cefndir gwyn pur neu lwyd meddal, heb unrhyw gyd-destun—y ddyfais YW'r seren, wedi'i hynysu a'i goleuo. Arddangosir lluniau ffordd o fyw mewn baneri lled llawn, yn aml gyda gwrthrychau wedi'u cnydio'n dynn. Mae graddiannau lliw (glas pastel, pinc, gwyrdd) yn gwasanaethu fel cefndir ar gyfer adrannau'r cynnyrch, nid fel addurn. Mae'r eiconograffeg yn finimalaidd ac yn seiliedig ar linellau, 1-2px o drwch, yn yr un raddfa lwyd â'r testun. Dim darluniau, dim graffeg haniaethol, dim rendradau 3D, ac eithrio lluniau'r cynnyrch eu hunain.

Minimaliaeth

https://www.apple.com

Palet

Brand

Apple Blue #0071e3 — Botymau gweithredu wedi'u llenwi, cyflyrau dethol - yr unig liw cromatig rhyngweithiol a ddefnyddir yn gynnil i wneud pob ymddangosiad yn ystyrlon.
Link Blue #0066cc — Ffiniau gweithredu wedi'u hamlygu, dolenni wedi'u hymgorffori - defnyddir lliw mwy dirlawn na Glas Afal lle byddai tabled wedi'i llenwi yn rhy fflachlyd.
Signal Blue #2997ff — Fframiau addurniadol, amlinelliadau delweddau, ffiniau eiconau - y lliw glas ysgafnaf yn y system, a ddefnyddir ar gyfer awyrgylch yn hytrach nag ar gyfer rhyngweithio â defnyddwyr.

Niwtral

Carbon #1d1d1f — Y prif destun, ffiniau'r pennawd, y llinellau llywio, ffiniau'r cardiau - mae lliw'r inc amlycaf bron yn ddu gydag awgrym bach o gynhesrwydd.
Frost #f5f5f7 — Mae cynfas y dudalen, cefndir y prif destun, ac arwyneb y droedyn yn llwyd golau nodweddiadol Apple, ychydig yn oerach na gwyn pur.
Ice #f4f8fb — Llenwadau arwyneb mynegiannol, arlliwiau cynnil, testun botwm ar gefndir tywyll—arlliw glas cynnil sy'n bywiogi'r adran heb ei gwneud yn sefyll allan.
Smoke #333333 — Testun eilaidd, llenwi llywio, ffiniau botwm - Lliw niwtral amlbwrpas ar gyfer ffiniau ac eiconau sydd angen mwy o gryfder na llwyd canolig.
Graphite #474747 — Testun llywio, ffiniau llywio, ffiniau cyswllt - yn meddiannu safle canolradd rhwng Carbon a Mwg yn hierarchaeth yr elfennau.
Ash #707070 — Testun troedyn, ffiniau rhestr, ffiniau llywio, testun corff tawel - Llwyd canolig ar gyfer cynnwys sydd angen bod yn bresennol ond nid yn amlwg.

Teipograffeg

o 12 i 56px · 8 cam

SF Pro Display — amnewid: Inter · amlinelliadau 400, 600, 700 · Penawdau a thestun mawr—mae meintiau 40px+ yn defnyddio fformat arddangos ar gyfer agorfa gulach ac olrhain negyddol cryfach; mae 700 wedi'i gadw ar gyfer cynlluniau hysbysebu, a 400 ar gyfer enwau cynhyrchion mewn cynnwys golygyddol.
SF Pro Text — amnewid: Inter · amlinelliadau 300, 400, 600 · Testun corff, llywio, botymau, is-benawdau — ffont gweithio; 400 ar gyfer testun corff, 300 ar gyfer is-benawdau a labeli cymwys, 600 ar gyfer elfennau llywio a thestun botwm; mae bylchau llythrennau negyddol yn lleihau'n gymesur â'r maint (o -0.022em i 12px i -0.01em i 44px).

Cyfnodau a ffurf

Diben	Ystyr
Dwysedd	cyfartaledd
Cam sylfaenol	12px
Radiws botwm	980px
Radiws y cerdyn	8px
Cysgodion	dim ffiniau yn lle cysgodion
Rhwng adrannau	64px
Lled y dudalen	1440px

Bydd AI yn adeiladu eich gwefan yn null Apple ac yn ei llenwi

Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.

Creu gwefan yn yr arddull hon

Arddulliau tebyg

Studio — Wal oriel mewn symudiad. Mae pob sgrin yn cynrychioli arwyneb arddangosfa llwyd, tawel lle mae deunyddiau teipograffig a gweithiau creadigol sy'n gorgyffwrdd yn cystadlu am sylw.
Mollie — Cownter cashmir, llyfr cyfrifon tywyll. Gadewch ddigon o le gwyn ar gyfer dylunio golygyddol o amgylch y testun du, yna atgyfnerthwch bwyntiau sy'n gysylltiedig â'r cynnyrch gyda hufenau cynnes, browniau espresso, a lluniau cyffyrddol o ddulliau talu gwirioneddol.
Basis Theory — Terfynellau talu yn y stiwdio ddylunio. Mae papur technegol gwyn, haenau trafodion tryloyw sy'n gorgyffwrdd, ac elfen reoli turquoise sengl yn diffinio'r cyfeiriad gweledol.
CleanShot X — Stiwdio gyda bwrdd gwaith wedi'i oleuo'n las. Crëwch ofod gwyn tawel o amgylch testun du cryno, yna gadewch i'r rheolyddion glas cyfoethog a'r delweddau cynnyrch Mac haenog gymryd lle canolog.
Modern Treasury — Llyfr trysorlys ar bapur graff. Creu tudalennau sy'n debyg i ddalen weithredu dawel, wen, lle mae llifau arian yn cael eu harddangos gyda llinellau mân, nodau wedi'u labelu, a rheolyddion cudd manwl gywir.
Basha-Franklin — Grid oriel o dan lintel gwyn. Defnyddiwch liw #f4ede6 cynnes, strwythur du cynnil, a cholofnau anghymesur yn seiliedig ar ffotograffau sy'n edrych fel portffolio pensaernïol printiedig.
Bajgart Office — Wal oriel olygyddol. Defnyddiwch ofod gwyn mawr lle mae ffontiau serif cynnil a darnau portffolio yn cario mwy o bwysau gweledol nag elfennau rhyngwyneb wedi'u platio â chrome.
Heptabase — Desg heulog. Mae arwynebau cynnes, tebyg i bapur, rheolyddion lliw siarcol, a ffenestri arnofiol ar gyfer ymchwil yn creu'r teimlad o weithle trefnus yn hytrach na phanel rheoli meddalwedd.
Bejamas — Pyjamas—calch asidig drwy wydr du. Creu tudalennau golygyddol tawel, llwyd golau wedi'u torri ar draws gan baneli du hudolus lle mae streipiau gwyrdd aneglur o olau yn croestorri'r wyneb.
Baba — Nodiadau gofal mewn golau haul coch. Creu streipiau naratif coch llydan o amgylch arwynebau gwybodaeth gwyn, pinc a hufen agos atoch, gan ddefnyddio ffotograffau o bobl fel y ganolfan emosiynol.
Grafana Labs — Ystafell reoli Gorsaf Signalau'r Wawr. Mae man gwaith llwyd a gwyn tawel yn cyfuno â graddiant gorwel pedwar lliw llydan a signalau rhyngwyneb glas manwl gywir.
Kagi — Ystafell ddarllen ar wahân. Crëwch ofod gwyn agored o amgylch testun graffit beiddgar, gan ddefnyddio acenion porffor cynnil ac arwynebau pastel cynnes i dorri ar y tawelwch.