Apple
E wäisst Zëmmer mat engem eenzege bloe Schalter
Apple säin Design ass e Modell vu Réckhalt: eng bal wäiss Leinwand, vill wäisst Raum an een eenzegen, liewege bloen Akzent, deen all Aktioun bewosst ausgesäit. Den Haaptfokus läit op der Typographie - SF Pro, mat engem negativen Ofstand tëscht de Buschtawen, deen mat zouhuelender Gréisst ofhëlt, wat den Iwwerschrëften eng architektonesch Kloerheet gëtt, ouni ze schwéier ze sinn. D'Produkt ASS den Design: grouss Produktfotoen a Lifestyle-Biller dominéieren, während Chrom-Elementer sech an dënn Rahmen, transluzent Navigatioun a subtil Linnen zréckzéien. Sektiounen wiesselen sech géint en hellgroen Hannergrond mat vollfaarwege Blöcke fir Promotiounsmaterialien of, wat duerch Ännerungen an der Gréisst anstatt dekorativ Elementer e Rhythmus kreéiert.
D'Säitelayout ass eng Säit a voller Breet ouni fix maximal Containerbreet - Sektiounen erstrecken sech vu Rand zu Rand, mat Textblöcke zentréiert op ongeféier 980px. D'Navigatioun ass eng eenzeg, fix global Leescht mat engem zousätzleche Ënnerdossier fir all Produkt, dat beim Scrollen erschéngt. Den Haaptlayout ass ëmmer zentréiert: e groussen Produktnumm, en eenzeilege Slogan, zwee Pilleknäppercher, dann e Produktbild, dat de reschtleche Viewport fëllt. D'Sektioune sinn vertikal mat engem generéise vertikale Rhythmus (64px+ tëscht de Sektiounen) gestapelt, ofwiesselnd #f5f5f7 a faarwege Hannergrënn. Déi ënnescht Säit ass eng eenzeg horizontal Rei vu vollbreete Servicekaarten (Apple TV+, Fitness+, Musek, Arcade), all e Fotoblock mat Overlay-Text an engem Pilleknäppchen. Keng Sidebaren, keng Layouts mat méi Kolonneninhalter, keng asymmetresch Kompositiounen - alles ass zentréiert, gestapelt a symmetresch.
Fotografie ass déi dominant visuell Sprooch. Produktfotoe ginn virun engem reng wäissen oder mëllgroen Hannergrond gemaach, ouni Kontext - den Apparat ASS de Stär, isoléiert an beliicht. Lifestyle-Fotoe ginn a voller Breet ugewisen, dacks mat knapp ausgeschniddenen Objeten. Faarfgradienten (Pastellblo, Rosa, Gréng) déngen als Kuliss fir d'Produktsektiounen, net als Dekoratioun. D'Ikonographie ass minimalistesch a Linnebaséiert, 1-2px déck, an der selwechter Grostufen wéi den Text. Keng Illustratiounen, keng abstrakt Grafiken, keng 3D-Renderings, ausser d'Produktfotoe selwer.
Palette
Mark
- Apple Blue
#0071e3— Gefëllte Aktiounsknäppercher, ausgewielte Staaten - déi eenzeg interaktiv chromatesch Faarf, déi spuersam benotzt gëtt, fir all Erscheinung sënnvoll ze maachen. - Link Blue
#0066cc— Markéiert Aktiounsgrenzen, agebett Linken - eng méi gesättigte Faarf wéi Apple Blue gëtt benotzt, wou en gefëllten Tablet ze opfälleg wier. - Signal Blue
#2997ff— Dekorativ Rahmen, Bildkonturen, Ikonenränner - déi hellst blo Faarf am System, déi éischter fir Atmosphär wéi fir Benotzerinteraktioun benotzt gëtt.
Neutral
- Carbon
#1d1d1f— Den Haapttext, d'Iwwerschrëften, d'Navigatiounslinnen, d'Kaartegrenzen - déi iwwerwiegend Tëntfaarf ass bal schwaarz mat engem liichte Hiweis vu Wäermt. - Frost
#f5f5f7— D'Säite-Leinwand, den Haapttexthannergrond an d'Fousszeil sinn dem Apple säin typesche Liichtgro, e bësse méi kill wéi reng wäiss. - Ice
#f4f8fb— Expressiv Uewerflächefëllungen, subtil Téin, Knäppchentext op engem donkelen Hannergrond - eng subtil blo Faarf, déi d'Sektioun erliewt, ouni se erauszestoen. - Smoke
#333333— Sekundärtext, Navigatiounsfëllung, Knäppchenrahmen - Eng villfälteg neutral Faarf fir Rahmen an Ikonen, déi méi Kraaft brauchen wéi e mëttelgro. - Graphite
#474747— Navigatiounstext, Navigatiounsgrenzen, Linkgrenzen - besetzt eng Zwëschenpositioun tëscht Kuelestoff a Rauch an der Elementhierarchie. - Ash
#707070— Fousszeiltext, Lëschtgrenzen, Navigatiounsgrenzen, gedämpften Haapttext - E mëttelgro fir Inhalt, deen präsent muss sinn, awer net prominent ass.
Typographie
vun 12 bis 56px · 8 Schrëtt
- SF Pro Display — Ersatz: Inter · Konturen 400, 600, 700 · Iwwerschrëften a groussen Text – Gréissten iwwer 40px benotzen en Displayformat fir eng méi schmuel Blend an e méi staarkt negativt Tracking; 700 ass fir Reklammelayouts reservéiert, a 400 ass fir Produktnimm an redaktionellen Inhalter.
- SF Pro Text — Ersatz: Inter · Konturen 300, 400, 600 · Kierpertext, Navigatioun, Knäppercher, Ënnertitelen — funktionéierend Schrëft; 400 fir Kierpertext, 300 fir Ënnertitelen a qualifizéiert Beschrëftungen, 600 fir Navigatiounselementer a Knäpptext; den negativen Buschtawenofstand reduzéiert sech proportional zur Gréisst (vun -0,022em op 12px op -0,01em op 44px).
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 12px |
| Knäppchenradius | 980px |
| Kaarteradius | 8px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 64px |
| Säitebreet | 1440px |
KI baut Är Websäit am Stil vun Apple op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Ui — klinesche Plang op Mattpabeier
- ElevenLabs — E Fotoessay a waarme Crèmetéin mat subtile Schlagzeilen. En Notizbuch am Bauhaus-Stil - Eeërschuelfaarwegt Pabeier, schwaarz Tënt an een eenzege violette an orange Akzent fir d'Produktpresentatioun.
- monopo saigon — E flëssegt, iriséierend Glanz hannert der redaktioneller Rou - eng monochrom redaktionell Galerie déi op geschmolltem Liicht schwëmmt
- Awesomic — Redaktiounszinknetz mat orange Punktuatiounszeechen, déi u Konfetti erënneren
- Monad — redaktionell technesch Zäitschrëft op waarmem Pergament
- Dub — Link säi Kontrollpanel aus matte Räispabeier
- Seline Analytics — Eng roueg analytesch Tabelle op waarmem Pabeier
- Ventriloc — En redaktionellt Observatoire vun Daten op waarmem Pabeier - eng eenzeg orange Kuel, déi déi monochrom Präzisioun ervirhiewt
- Duolingo — Spilllech Klassemaskottchen op wäissem Pabeier
- Stripe — E Kontenbuch, dat an Indigo-Tënt op mattéiertem Glas geschriwwe gouf
- Notion — E waarme Pabeiernotizbuch an der Mëttesonn
- Hyer Aviation — Dämmerung am Cockpit iwwer Pergament. Den blassen Himmel trëfft op dat grousst Logo mat Serif-Label, an en eenzege waarme Lehmakzent brécht déi monochrome Zréckhaltung.