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
- Studio — Eng Galeriemauer a Bewegung. All Écran stellt eng roueg, gro Ausstellungsfläch duer, wou typographesch Materialien a sech iwwerlappend kreativ Wierker ëm d'Opmierksamkeet konkurréieren.
- Mollie — E Kaschmir-Comptoir, e donkelt Buch. Loosst vill wäisse Raum fir redaktionellt Design ronderëm den schwaarzen Text, a verstäerkt dann produktbezunnen Punkten mat waarme Crème, Espresso-Browns a taktile Fotoe vun tatsächleche Bezuelmethoden.
- Basis Theory — Bezuelterminaler am Designstudio. Wäisst technescht Pabeier, iwwerlappend transluzent Transaktiounsschichten an en eenzegt türkis Kontrollelement definéieren déi visuell Richtung.
- CleanShot X — E Studio mat engem blo-beliichten Desktop. Schafft e rouegen, wäisse Raum ronderëm kompakten, schwaarzen Text, a loosst dann déi räich blo Kontrollen an déi iwwerlagert Mac-Produktbiller am Mëttelpunkt stoen.
- Modern Treasury — E Schatzkammerbuch op Millimeterpabeier. Erstellt Säiten, déi engem rouegen, wäissen Operatiounsblat gläichen, wou Cashflows mat feine Linnen, markéierten Knuet a präzisen, verstoppte Kontrollen ugewise ginn.
- Basha-Franklin — E Galeriraster ënner engem wäisse Lamellen. Benotzt eng waarm #f4ede6 Faarftéin, eng subtil schwaarz Struktur an asymmetresch Sailen baséiert op Fotoen, déi ausgesinn wéi e gedréckte architektonesche Portfolio.
- Bajgart Office — Redaktiounsgaleriewand. Benotzt e grousse wäisse Raum, wou subtil Serif-Schrëften a Portfolio-Fragmenter méi visuell Gewiicht hunn ewéi verchromt Interface-Elementer.
- Heptabase — En sonnegen Schreifdësch. Waarm, pabeierähnlech Uewerflächen, antikolfaarweg Kontrollen a schwiewend Fënstere fir d'Fuerschung schafen d'Gefill vun engem organiséierten Aarbechtsberäich anstatt vun engem Software-Kontrollpanel.
- Bejamas — Pyjama - sauer Kalk duerch schwaarzt Glas. Kreéiert roueg, hellgro Editorial Säiten, ënnerbrach duerch fesselnd schwaarz Paneele wou verschwommen gréng Liichtsträifen d'Uewerfläch kräizen.
- Baba — Fleegenotizen a roudem Sonneliicht. Erstellt breet rout narrativ Sträifen ronderëm intim wäiss, rosa a crèmefaarweg Informatiounsflächen, andeems Dir Fotoe vu Leit als emotionalen Zentrum benotzt.
- Grafana Labs — De Kontrollraum vun der Sunrise Signal Station. E rouegen, gro-wäissen Aarbechtsberäich kombinéiert sech mat engem breede véierfaarwege Horizontgradient a präzise bloen Interfacesignaler.
- Kagi — E separaten Liesraum. Schafft e wäisse Raum ronderëm fettgedréckten Grafittext, andeems Dir subtil violett Akzenter a waarm Pastellfaarwen benotzt fir d'Rou ze ënnerbriechen.