Apple (España)
En katedral av hvitt rom med knapt hørbare overskrifter. En stor, lys hall hvor enorme fonter med 700 tettheter henger i luften, kun holdt sammen av pastellfarger og en enkelt blå tråd.
Apples språk for produktsider er en studie i typografisk generøsitet: enorme SF Pro Display-overskrifter som svever mot en off-white bakgrunn, omgitt av et stort hvitt område som får hvert ord til å føles bevisst. Paletten er nesten monokromatisk – tekst i #1d1d1f, lerret som veksler mellom #ffffff og #f5f5f7 – med en enkelt blå aksent (#0071e3) reservert eksklusivt for interaktive øyeblikk. Farger er tilstede i selve produktbildene (pastelltoner), aldri som dekorative brukergrensesnittelementer. Komponentene er rammeløse: avrundede kort med en radius på 28 piksler, pilleformede knapper som nesten berører kantene på siden, uten synlige beholdere eller skygger. Rytme skapes av vekslende hvite og grå striper, ikke skillevegger eller rammer.
Seksjoner opptar hele sidens bredde og strekker seg fra kant til kant med generøs polstring (omtrent 40–100 sider). Den maksimale innholdsbredden er effektivt sentrert i hver stripe. Hovedelementet er en sentrert stabel: en øyenbrynsformet etikett, en forstørret overskrift, en enkelt handlingsfremmende knapp, en prisrad og deretter et produktbilde som fyller bunnen av viewporten. Seksjoner følger et gjentakende mønster: en venstrejustert overskrift i stripen, etterfulgt av enten et tokolonnes oppsett med produktbeskrivelser (tekst til venstre/bilde til høyre eller alternerende), et trekolonnes rutenett med kort eller en sentrert visuell presentasjon. Innholdsrytmen styres fullstendig av alternerende hvite og trefargede bakgrunner med vertikale mellomrom på 100–100 cm – ingen skillevegger, ingen kort som inneholder elementer. Global navigasjon er en enkelt, fast linje. Produktspesifikasjonsseksjoner bruker fullbreddebånd med generøs polstring, der tekst er sentrert i smale kolonner (~560 piksler) mot et bredere visuelt område.
Apples visuelle språk er først og fremst produktfotografering: nærbilder av maskinvare mot en ren hvit eller farget bakgrunn, uten livsstilskontekst eller iscenesatte scener. Hovedbildet viser hender som holder en pastellgrønn MacBook Neo – det menneskelige elementet er sekundært, og demonstrerer skala og tekstur snarere enn følelser. I produktvariantseksjonene presenteres to enheter side om side mot en bakgrunn med matchende pyntefarger (rosa, grønn, sølv, himmelblå), hvert kort et flatt fargefelt med produktet i sentrum. Detaljbilder bruker ekstreme nærbilder (laptophengslet, kameramodulen) mot en nøytral bakgrunn. Det er ingen illustrasjoner, ingen abstrakt grafikk, ingen dekorative bilder – selve produktet er det visuelle elementet. Ikonografi er overalt – monokrome linjeikoner i SF Symbols-stil, 1,5–2 piksler tykke, hentet fra Apple-systemikonsettet. Fotograferingen er alltid utført på en fremtredende måte: ensartet, skyggefri belysning som reduserer produktet til en grafisk form snarere enn et tredimensjonalt objekt.
Palett
Merke
- Electric Blue
#0071e3— Fylte handlingsknapper er den eneste fargeaksenten i brukergrensesnittet, og brukes sparsomt til handlingsfremmende oppfordringer. - Link Blue
#0066cc— Innebygde tekstlenker, lenker med piler og vinkler. - Citrus Gradient
#3b3b23— En alternativ finish som har blitt produktets signaturfunksjon er en mørk base som falmer over i gulgrønne skjær.
Nøytral
- Primary Ink
#1d1d1f— Overskrifter, brødtekst og knappetiketter er den dominerende forgrunnstonen på alle overflater; bakgrunnen til hovedproduktbildet går jevnt over fra en heldekkende #1d1d1f øverst til en kromatisk blåfarge. - Mid Gray
#707070— Sekundærtekst, inaktiv navigasjonsstatus, dempede brukergrensesnittetiketter - Deep Gray
#474747— Navigasjonstekst og ikonografi er i mellomstor skrift. - Hairline
#d6d6d6— Tynne grenser mellom seksjoner og UI-elementer. - Canvas
#f5f5f7— Vekslende seksjonsbakgrunner - en grå stripe som skiller de hvite områdene. - Paper
#ffffff— Kortoverflate, bakgrunn på hovedsiden, knappetekst på mørk bakgrunn.
Typografi
fra 12 til 96 piksler · 10 trinn
- SF Pro Display — erstatning: Inter · omriss 600, 700 · Hovedoverskrifter og underoverskrifter for visning – 700 vekt ved 80–96 piksler med negativ bokstavavstand på -1,44 piksler skaper Apples signatur «massiv overskrift som flyter i hvitt». Erstatninger: Inter, system-ui
- SF Pro Display — erstatning: Inter · omriss 600 · Seksjonsoverskrifter, korttitler, underoverskrifter – en skrifttype på 600 med litt positiv bokstavavstand føles varm og vennlig i mellomstore størrelser, i motsetning til de korte overskriftene ovenfor.
- SF Pro Text — erstatning: Inter · omriss 400, 500, 600 · For brødtekst, navigasjon, støttende avsnitt og korte bildetekster er en skrifttype med en indeks på 400 og 17 piksler den primære skrifttypen. Negativ bokstavavstand gir en mer konsis hovedtekst på sider med mye informasjon.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8-10px |
| Knapperadius | 980px |
| Kortradius | 28px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 100-120px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Apple (España) -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
- Airbnb — En stille hvit gallerivegg med et enkelt korallrødt bokmerke
- Peak Design — Gallerivegg, delvis opplyst
- Ramp — Redaksjonens økonomiavdeling, svart-hvitt-sider med en enkelt neontusj. Publikasjonens praktisk talt monokrome overflate, hvor et enkelt sterkt limegrønt strøk forvandler enhver interaksjon til et pengesignal.
- 099 SUPPLY — En gallerivegg fylt med svart-hvite objekter
- Orderful — Kontrollpanel for industriell logistikk – En trykt sjekkliste for logistikksentraler, skrevet med svart blekk og kirurgisk rødt, hver side diskré nok til at én operatør kan rope ut noe viktig.
- Apple (España) — hvitt gallerimontre
- teenage engineering — Industriell katalog innen studiobelysning – produktet er det eneste viktige objektet på siden, og alt annet diskuteres rundt det.
- Apple (España) — Et gallerivindu i morgentåken
- Lightship — Et filmatisk diorama av åpen vei. Varme kremfargede gallerivegger utsmykket med store landskapsfotografier montert med tett mellomrom, tynn svart skrift knapt synlig på rammene, og en enkelt knalloransje aksent som bryter monokromen som et bål på en eng.
- Custo — Et galleri i pistolfarget farge med en monolittisk skrifttype. Et utstillingslokale i dempede grågrønne toner, hvor et enkelt mørkt objekt og en skriftstørrelse på 57 piksler taler for seg selv.
- Silencio — Et hvitt rom med svevende gjenstander. En galleriutstilling laget av varmt papir, hvor hvert element inntar sin plass mot en bakgrunn av negativt volum, og stillheten er en bevisst designbeslutning.
- ORYZO AI — Et fotoessay om et mørkerom. En enslig gjenstand som svever i det varme mørket, med kremfarget skrift som eneste dekorasjon.