Apple
Et hvitt rom med en enkelt blå bryter
Apples design er et forbilde for tilbakeholdenhet: et nesten hvitt lerret, rikelig med hvit plass og en enkelt, livlig blå aksent som får hver handling til å føles bevisst. Hovedfokuset er typografi – SF Pro, med negativ bokstavavstand som avtar med økende størrelse, noe som gir overskrifter en arkitektonisk klarhet uten å være for tunge. Produktet ER designet: store produktbilder og livsstilsbilder dominerer, mens kromelementer trekker seg tilbake i tynne rammer, gjennomskinnelig navigasjon og subtile linjer. Seksjoner veksler mot en lys grå bakgrunn med fullfargede blokker for reklamemateriell, noe som skaper rytme gjennom endringer i skala snarere enn dekorative elementer.
Sideoppsettet er en side i full bredde uten fast maksimal beholderbredde – seksjoner strekker seg kant til kant, med tekstblokker sentrert innenfor på omtrent 980 piksler. Navigasjonen er en enkelt, fast global linje med en ekstra undermappe for hvert produkt som vises ved rulling. Hovedoppsettet er alltid sentrert: et stort produktnavn, en slagordlinje på én linje, to pilleknapper, deretter et produktbilde som fyller det gjenværende visningsområdet. Seksjoner er stablet vertikalt med en generøs vertikal rytme (64 piksler+ mellom seksjoner), vekslende #f5f5f7 og fargede bakgrunner. Den nederste siden er en enkelt horisontal rad med servicekort i full bredde (Apple TV+, Fitness+, Musikk, Arcade), hver en fotoblokk med overleggstekst og en pilleknapp. Ingen sidefelt, ingen innholdsoppsett med flere kolonner, ingen asymmetriske komposisjoner – alt er sentrert, stablet og symmetrisk.
Fotografi er det dominerende visuelle språket. Produktbilder tas mot en ren hvit eller myk grå bakgrunn, uten kontekst – enheten ER stjernen, isolert og opplyst. Livsstilsbilder vises i fullbreddebannere, ofte med tett beskjærte objekter. Fargegradienter (pastellblå, rosa, grønn) fungerer som bakgrunn for produktseksjonene, ikke som dekorasjon. Ikonografien er minimalistisk og linjebasert, 1–2 piksler tykk, i samme gråtone som teksten. Ingen illustrasjoner, ingen abstrakt grafikk, ingen 3D-gjengivelser, bortsett fra selve produktbildene.
Palett
Merke
- Apple Blue
#0071e3— Fylte handlingsknapper, valgte tilstander – den eneste interaktive kromatiske fargen som brukes sparsomt for å gjøre hvert utseende meningsfullt. - Link Blue
#0066cc— Uthevede handlingsgrenser, innebygde lenker – en mer mettet farge enn Apple Blue brukes der et fylt nettbrett ville vært for prangende. - Signal Blue
#2997ff— Dekorative rammer, bildekonturer, ikonkanter – den lyseste blåfargen i systemet, brukt for atmosfære snarere enn for brukerinteraksjon.
Nøytral
- Carbon
#1d1d1f— Hovedteksten, overskriftsrammer, navigasjonslinjer, kortrammer – den dominerende blekkfargen er nesten svart med et lite hint av varme. - Frost
#f5f5f7— Sidelerretet, hovedtekstbakgrunnen og bunntekstoverflaten er Apples signaturfarge lysegrå, litt kaldere enn ren hvit. - Ice
#f4f8fb— Uttrykksfulle overflatefyll, subtile fargetoner, knappetekst på en mørk bakgrunn – en subtil blåfarge som gir liv til seksjonen uten å få den til å skille seg ut. - Smoke
#333333— Sekundærtekst, navigasjonsfyll, knappekanter – En allsidig nøytral farge for kantlinjer og ikoner som trenger mer kraft enn en mellomgrå. - Graphite
#474747— Navigasjonstekst, navigasjonsgrenser, lenkegrenser – inntar en mellomposisjon mellom karbon og røyk i elementhierarkiet. - Ash
#707070— Bunntekst, listegrenser, navigasjonsgrenser, dempet brødtekst – En mellomgrå farge for innhold som må være til stede, men ikke fremtredende.
Typografi
fra 12 til 56 piksler · 8 trinn
- SF Pro Display — erstatning: Inter · omriss 400, 600, 700 · Overskrifter og stor tekst – størrelser på over 40 piksler bruker et visningsformat for smalere blenderåpning og sterkere negativ sporing; 700 er reservert for reklameoppsett, og 400 er for produktnavn i redaksjonelt innhold.
- SF Pro Text — erstatning: Inter · omriss 300, 400, 600 · Brødtekst, navigasjon, knapper, underoverskrifter – fungerende skrifttype; 400 for brødtekst, 300 for underoverskrifter og kvalifiserte etiketter, 600 for navigasjonselementer og knappetekst; negativ bokstavavstand reduseres proporsjonalt med størrelsen (fra -0,022 em til 12 piksler til -0,01 em til 44 piksler).
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 12px |
| Knapperadius | 980px |
| Kortradius | 8px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Apple -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Ui — klinisk plan på matt papir
- ElevenLabs — Et fotoessay i varme kremfarger med diskré overskrifter. En notatbok i Bauhaus-stil – eggeskallfarget papir, svart blekk og en enkelt lilla og oransje aksent for produktfremvisning.
- monopo saigon — En flytende, iriserende glød bak den redaksjonelle stillheten – et monokromt redaksjonelt galleri som flyter på smeltet lys
- Awesomic — Redaksjonelt sinknett med oransje tegnsettingstegn som minner om konfetti
- Monad — redaksjonell teknisk tidsskrift på varmt pergament
- Dub — Links kontrollpanel for matt rispapir
- Seline Analytics — Et stille analytisk bord på varmt papir
- Ventriloc — Et redaksjonelt observatorium for data på varmt papir – en enkelt oransje glør som fremhever den monokrome presisjonen
- Duolingo — Leken klassemaskot på hvitt papir
- Stripe — En regnskapsbok skrevet med indigoblekk på frostet glass
- Notion — En varm papirnotatbok i middagssolen
- Hyer Aviation — Skumring i cockpiten over pergament. Den bleke daggryhimmelen møter den flykroppsstore serif-logoen, og en enkel varm leireaksent bryter den monokrome tilbakeholdenheten.