Apple
Et hvidt rum med en enkelt blå kontakt
Apples design er et eksempel på tilbageholdenhed: et næsten hvidt lærred, rigelig hvid plads og en enkelt, livlig blå accent, der får enhver handling til at føles bevidst. Det primære fokus er typografi – SF Pro, med negativ bogstavafstand, der mindskes med stigende størrelse, hvilket giver overskrifter en arkitektonisk klarhed uden at være for tunge. Produktet ER designet: store produktfotos og livsstilsbilleder dominerer, mens kromelementer trækker sig tilbage til tynde rammer, gennemskinnelig navigation og diskrete linjer. Sektioner skifter mod en lysegrå baggrund med fuldfarvede blokke til reklamemateriale, hvilket skaber rytme gennem ændringer i skala snarere end dekorative elementer.
Sidelayoutet er en side i fuld bredde uden fast maksimal containerbredde – sektioner strækkes kant til kant, med tekstblokke centreret indeni ved cirka 980px. Navigationen er en enkelt, fast global bjælke med en ekstra undermappe for hvert produkt, der vises ved rulning. Hovedlayoutet er altid centreret: et stort produktnavn, en slogan med én linje, to pilleknapper og derefter et produktbillede, der udfylder den resterende visning. Sektioner er stablet lodret med en generøs lodret rytme (64px+ mellem sektioner), skiftevis #f5f5f7 og farvede baggrunde. Den nederste side er en enkelt vandret række af servicekort i fuld bredde (Apple TV+, Fitness+, Musik, Arcade), der hver især er en fotoblok med overlejret tekst og en pilleknap. Ingen sidebjælker, ingen indholdslayouts med flere kolonner, ingen asymmetriske kompositioner – alt er centreret, stablet og symmetrisk.
Fotografi er det dominerende visuelle sprog. Produktbilleder tages mod en ren hvid eller blød grå baggrund, uden kontekst – enheden ER stjernen, isoleret og oplyst. Livsstilsbilleder vises i bannere i fuld bredde, ofte med tæt beskårne objekter. Farvegradienter (pastelblå, pink, grøn) fungerer som baggrund for produktsektionerne, ikke som dekoration. Ikonografien er minimalistisk og linjebaseret, 1-2px tyk, i samme gråtone som teksten. Ingen illustrationer, ingen abstrakt grafik, ingen 3D-gengivelser, bortset fra selve produktbillederne.
Palet
Mærke
- Apple Blue
#0071e3— Udfyldte handlingsknapper, valgte tilstande - den eneste interaktive kromatiske farve, der bruges sparsomt for at gøre ethvert udseende meningsfuldt. - Link Blue
#0066cc— Fremhævede handlingsgrænser, indlejrede links - en mere mættet farve end Apple Blue bruges, hvor en fyldt tablet ville være for prangende. - Signal Blue
#2997ff— Dekorative rammer, billedkonturer, ikonkanter - den lyseste blå farve i systemet, brugt til atmosfære snarere end til brugerinteraktion.
Neutral
- Carbon
#1d1d1f— Hovedteksten, overskriftsrammer, navigationslinjer, kortrammer - den dominerende blækfarve er næsten sort med et let strejf af varme. - Frost
#f5f5f7— Sidens lærred, hovedtekstbaggrund og sidefod er Apples signaturfarve lysegrå, lidt køligere end ren hvid. - Ice
#f4f8fb— Udtryksfulde overfladefyldninger, diskrete farver, knaptekst på en mørk baggrund – en diskret blå nuance, der giver sektionen liv uden at den skiller sig ud. - Smoke
#333333— Sekundær tekst, navigationsfyld, knapkanter - En alsidig neutral farve til kanter og ikoner, der har brug for mere slagkraft end en mellemgrå. - Graphite
#474747— Navigationstekst, navigationskanter, linkkanter - indtager en mellemposition mellem Kulstof og Røg i elementhierarkiet. - Ash
#707070— Sidefodstekst, listekanter, navigationskanter, dæmpet brødtekst - En mellemgrå farve til indhold, der skal være til stede, men ikke fremtrædende.
Typografi
fra 12 til 56px · 8 trin
- SF Pro Display — udskiftning: Inter · konturer 400, 600, 700 · Overskrifter og stor tekst – størrelser på 40px+ bruger et visningsformat til en smallere blænde og stærkere negativ sporing; 700 er reserveret til reklamelayout, og 400 er til produktnavne i redaktionelt indhold.
- SF Pro Text — udskiftning: Inter · konturer 300, 400, 600 · Brødtekst, navigation, knapper, underoverskrifter — fungerende skrifttype; 400 for brødtekst, 300 for underoverskrifter og kvalificerede etiketter, 600 for navigationselementer og knaptekst; negativ bogstavafstand falder proportionalt med størrelsen (fra -0,022 em til 12 px til -0,01 em til 44 px).
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 12px |
| Knapradius | 980px |
| Kortradius | 8px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64px |
| Sidebredde | 1440px |
AI vil bygge din hjemmeside i Apple -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Studio — En gallerivæg i bevægelse. Hver skærm repræsenterer en stille, grå udstillingsflade, hvor typografiske materialer og overlappende kreative værker konkurrerer om opmærksomheden.
- Mollie — En cashmere-disk, en mørk regnskabsbog. Efterlad rigelig hvid plads til redaktionelt design omkring den sorte tekst, og forstærk derefter produktrelaterede pointer med varme cremer, espressobrune og taktile fotos af faktiske betalingsmetoder.
- Basis Theory — Betalingsterminaler i designstudiet. Hvidt teknisk papir, overlappende gennemskinnelige transaktionslag og et enkelt turkis kontrolelement definerer den visuelle retning.
- CleanShot X — Et studie med et blåt oplyst skrivebord. Skab et roligt hvidt område omkring kompakt sort tekst, og lad derefter de fyldige blå kontroller og lagdelte Mac-produktbilleder være i centrum.
- Modern Treasury — En statskassebogholderi på millimeterpapir. Opret sider, der ligner et stille, hvidt driftsark, hvor pengestrømme vises med fine linjer, mærkede noder og præcise, skjulte kontroller.
- Basha-Franklin — Et gallerigitter under en hvid overligger. Brug en varm #f4ede6-farvetone, en diskret sort struktur og asymmetriske søjler baseret på fotografier, der ligner en trykt arkitektonisk portefølje.
- Bajgart Office — Redaktionel billedvæg. Brug et stort hvidt område, hvor diskrete serif-skrifttyper og porteføljefragmenter har mere visuel vægt end forkromede grænsefladeelementer.
- Heptabase — Et solbeskinnet skrivebord. Varme, papirlignende overflader, trækulsfarvede betjeningselementer og svævende vinduer til forskning skaber følelsen af et organiseret arbejdsområde snarere end et softwarebaseret kontrolpanel.
- Bejamas — Pyjamas – sur kalk gennem sort glas. Skab rolige, lysegrå redaktionelle sider afbrudt af fængslende sorte paneler, hvor slørede grønne lysstriber skærer overfladen.
- Baba — Pasningsnotater i rødt sollys. Lav brede røde fortællende striber omkring intime hvide, lyserøde og cremefarvede informationsflader, med fotografier af mennesker som det følelsesmæssige centrum.
- Grafana Labs — Kontrolrummet på Sunrise Signal Station. Et stille gråt og hvidt arbejdsområde kombineret med en bred, firefarvet horisontgradient og præcise blå grænsefladesignaler.
- Kagi — Et separat læserum. Skab et åbent, hvidt rum omkring fed grafittekst, og brug diskrete lilla accenter og varme pastelfarvede overflader til at bryde roen.