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
- Studio — En gallerivegg i bevegelse. Hver skjerm representerer en stille, grå utstillingsflate der typografiske materialer og overlappende kreative verk konkurrerer om oppmerksomhet.
- Mollie — En kasjmirdisk, en mørk regnskapsbok. La det være god plass til redaksjonell design rundt den svarte teksten, og forsterk deretter produktrelaterte poenger med varme kremer, espressobrune og taktile bilder av faktiske betalingsmetoder.
- Basis Theory — Betalingsterminaler i designstudioet. Hvitt teknisk papir, overlappende gjennomskinnelige transaksjonslag og et enkelt turkis kontrollelement definerer den visuelle retningen.
- CleanShot X — Et studio med et blått opplyst skrivebord. Lag et rolig hvitt område rundt kompakt svart tekst, og la deretter de rike blå kontrollene og lagvise Mac-produktbildene ta scenen.
- Modern Treasury — En statskassebok på millimeterpapir. Lag sider som ligner et stille, hvitt driftsark, der kontantstrømmer vises med fine linjer, merkede noder og presise, skjulte kontroller.
- Basha-Franklin — Et gallerirutenett under en hvit karm. Bruk en varm #f4ede6-fargetone, en subtil svart struktur og asymmetriske søyler basert på fotografier som ser ut som en trykt arkitektonisk portefølje.
- Bajgart Office — Redaksjonell bildevegg. Bruk et stort hvitt område der diskré serif-fonter og porteføljefragmenter har mer visuell vekt enn forkrommede grensesnittelementer.
- Heptabase — Et solfylt skrivebord. Varme, papirlignende overflater, kullfargede kontroller og flytende vinduer for forskning skaper følelsen av en organisert arbeidsplass snarere enn et programvarebasert kontrollpanel.
- Bejamas — Pyjamas – sur kalk gjennom svart glass. Lag rolige, lysegrå redaksjonelle sider avbrutt av fengende svarte paneler der uskarpe grønne lysstriper krysser overflaten.
- Baba — Stellemerknader i rødt sollys. Lag brede røde narrative striper rundt intime hvite, rosa og kremfargede informasjonsflater, med fotografier av mennesker som det emosjonelle sentrum.
- Grafana Labs — Kontrollrommet på Sunrise Signal Station. Et stille grått og hvitt arbeidsområde kombinert med en bred, firefarget horisontgradient og presise blå grensesnittsignaler.
- Kagi — Et separat lesesal. Lag et åpent, hvitt rom rundt fet grafitttekst, og bruk subtile lilla aksenter og varme pastelloverflater for å bryte opp roen.