Apple
Usa ka puti nga kwarto nga adunay usa ka asul nga switch
Ang disenyo sa Apple usa ka modelo sa pagpugong: usa ka halos puti nga canvas, daghang puti nga espasyo, ug usa ka mahayag nga asul nga accent nga naghimo sa matag aksyon nga daw tinuyo. Ang panguna nga pokus mao ang tipograpiya—SF Pro, nga adunay negatibo nga gilay-on sa mga letra nga nagkagamay uban ang pagdugang sa gidak-on, nga naghatag sa mga ulohan og usa ka katin-aw sa arkitektura nga dili kaayo bug-at. Ang produkto MAO ang disenyo: ang dagkong mga litrato sa produkto ug mga imahe sa estilo sa kinabuhi ang nagdominar, samtang ang mga elemento sa chrome mikunhod ngadto sa nipis nga mga frame, translucent navigation, ug mga pino nga linya. Ang mga seksyon nagpuli-puli batok sa usa ka light gray nga background nga adunay mga full-color block para sa mga materyales sa promosyon, nga nagmugna og ritmo pinaagi sa mga pagbag-o sa sukod imbes nga mga elemento sa dekorasyon.
Ang layout sa panid usa ka full-width nga panid nga walay gitakdang maximum container width—ang mga seksyon nagsangkad gikan sa ngilit ngadto sa ngilit, nga ang mga text block nakasentro sulod sa gibana-bana nga 980px. Ang nabigasyon usa ka single, fixed global bar nga adunay dugang nga subfolder para sa matag produkto nga makita sa scroll. Ang pangunang layout kanunay nakasentro: usa ka dako nga ngalan sa produkto, usa ka single-line nga tagline, duha ka pill button, dayon usa ka imahe sa produkto nga nagpuno sa nahabilin nga viewport. Ang mga seksyon gipatong-patong nga patindog nga adunay daghang patindog nga ritmo (64px+ tali sa mga seksyon), nga nagpuli-puli sa #f5f5f7 ug kolor nga mga background. Ang ubos nga panid usa ka pinahigda nga laray sa full-width nga mga service card (Apple TV+, Fitness+, Music, Arcade), ang matag usa usa ka photo block nga adunay overlay nga teksto ug usa ka pill button. Walay mga sidebar, walay multi-column content layout, walay asymmetrical nga mga komposisyon—ang tanan nakasentro, gipatong-patong, ug simetriko.
Ang potograpiya mao ang dominanteng biswal nga pinulongan. Ang mga litrato sa produkto gikuha batok sa puro nga puti o humok nga abohon nga background, nga walay bisan unsang konteksto—ang device MAO ang bituon, nahimulag ug nagsiga. Ang mga litrato sa estilo sa kinabuhi gipakita sa full-width nga mga banner, kasagaran nga adunay hugot nga giputol nga mga butang. Ang mga gradient sa kolor (pastel blue, pink, berde) nagsilbing backdrop para sa mga seksyon sa produkto, dili isip dekorasyon. Ang iconography minimalist ug line-based, 1-2px ang gibag-on, sa parehas nga grayscale sa teksto. Walay mga ilustrasyon, walay abstract graphics, walay 3D renderings, gawas sa mga litrato sa produkto mismo.
Paleta
Brand
- Apple Blue
#0071e3— Napuno nga mga buton sa aksyon, pinili nga mga estado - ang bugtong interactive nga kolor nga chromatic nga gigamit nga panagsa ra aron mahimong makahuluganon ang matag hitsura. - Link Blue
#0066cc— Gipasiugda nga mga border sa aksyon, gisulod nga mga sumpay - usa ka mas saturated nga kolor kaysa Apple Blue ang gigamit diin ang usa ka puno nga tablet mahimong sobra ka madanihon. - Signal Blue
#2997ff— Mga pangdekorasyon nga bayanan, mga outline sa imahe, mga border sa icon - ang pinakagaan nga asul nga kolor sa sistema, gigamit para sa atmospera imbes para sa interaksyon sa tiggamit.
Neutral
- Carbon
#1d1d1f— Ang pangunang teksto, mga utlanan sa ulohan, mga linya sa nabigasyon, mga utlanan sa kard - ang nag-unang kolor sa tinta halos itom nga adunay gamay nga kainit. - Frost
#f5f5f7— Ang page canvas, main text background, ug footer surface kay pirmado nga light gray sa Apple, medyo mas bugnaw kay sa puro nga puti. - Ice
#f4f8fb— Makahuluganon nga mga pagpuno sa ibabaw, dili kaayo klaro nga mga kolor, butones nga teksto sa usa ka ngitngit nga background—usa ka dili kaayo asul nga kolor nga naghatag kinabuhi sa seksyon nga dili kini makapahimo niini nga talagsaon. - Smoke
#333333— Ikaduhang teksto, pagpuno sa nabigasyon, mga border sa buton - Usa ka magamit nga neyutral nga kolor para sa mga border ug mga icon nga nanginahanglan og dugang nga kaanyag kaysa sa medium nga abohon. - Graphite
#474747— Teksto sa nabigasyon, mga border sa nabigasyon, mga border sa link - nag-okupar sa usa ka tunga nga posisyon taliwala sa Carbon ug Aso sa hirarkiya sa elemento. - Ash
#707070— Teksto sa footer, mga border sa listahan, mga border sa nabigasyon, gihilom nga body text - Usa ka medium gray para sa sulud nga kinahanglan nga naa apan dili prominente.
Tipograpiya
gikan sa 12 ngadto sa 56px · 8 ka lakang
- SF Pro Display — kapuli: Inter · mga balangkas 400, 600, 700 · Mga ulohan sa balita ug dagkong teksto—Ang 40px+ nga gidak-on naggamit ug format sa pagpakita para sa mas pig-ot nga aperture ug mas kusog nga negative tracking; 700 gitagana para sa mga layout sa advertising, ug 400 para sa mga ngalan sa produkto sa editoryal nga sulud.
- SF Pro Text — kapuli: Inter · mga balangkas 300, 400, 600 · Body text, nabigasyon, mga butones, mga subheading — nagtrabaho nga font; 400 para sa body text, 300 para sa mga subheading ug kwalipikado nga mga label, 600 para sa mga elemento sa nabigasyon ug teksto sa butones; ang gilay-on sa negatibo nga mga letra mokunhod proporsyonal sa gidak-on (gikan sa -0.022em ngadto sa 12px ngadto sa -0.01em ngadto sa 44px).
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 12px |
| Radius sa butones | 980px |
| Radius sa kard | 8px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64px |
| Lapad sa panid | 1440px |
Ang AI motukod sa imong website sa estilo sa Apple ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Ui — klinikal nga plano sa matte nga papel
- ElevenLabs — Usa ka photo essay sa init nga krema nga mga kolor nga adunay malumo nga mga ulohan sa balita. Usa ka notebook nga istilo sa Bauhaus—papel nga kolor sama sa kabhang sa itlog, itom nga tinta, ug usa ka purpura ug kahel nga accent para sa display sa produkto.
- monopo saigon — Usa ka likido, naggilakgilak nga kahayag luyo sa kahilom sa editoryal—usa ka monochrome editorial gallery nga naglutaw sa tinunaw nga kahayag
- Awesomic — Editoryal nga zinc mesh nga adunay orange nga mga marka sa bantas nga nagpahinumdom sa confetti
- Monad — teknikal nga dyornal sa editoryal bahin sa mainit nga pergamino
- Dub — Panel sa pagkontrol sa matte rice paper sa Link
- Seline Analytics — Usa ka hilom nga analytical table sa init nga papel
- Ventriloc — Usa ka obserbatoryo sa editoryal sa datos sa mainit nga papel - usa ka orange nga baga nga nagpasiugda sa katukma sa monochrome
- Duolingo — Malingaw nga maskot sa klase sa puti nga papel
- Stripe — Usa ka libro sa kuwenta nga gisulat sa tinta nga indigo sa frosted glass
- Notion — Usa ka mainit nga notebook nga papel sa udto
- Hyer Aviation — Kilumkilom sa cockpit ibabaw sa pergamino. Ang luspad nga langit sa kaadlawon misugat sa serif logo nga sama kadako sa fuselage, ug usa ka mainit nga accent nga lapok ang nakabungkag sa monochrome nga pagpugong.