Apple (España)
En katedral af hvidt rum med knap hørbare overskrifter. En stor, lys sal, hvor enorme skrifttyper med 700 skrifttyper hænger i luften, kun holdt sammen af pastelfarver og en enkelt blå tråd.
Apples produktsidesprog er et studie i typografisk generøsitet: enorme SF Pro Display-overskrifter svæver mod en off-white baggrund, omgivet af et enormt hvidt område, der får hvert ord til at føles bevidst. Paletten er næsten monokromatisk – tekst i #1d1d1f, lærred skiftevis mellem #ffffff og #f5f5f7 – med en enkelt blå accent (#0071e3) reserveret udelukkende til interaktive øjeblikke. Farver er til stede i selve produktbillederne (pasteltoner), aldrig som dekorative brugergrænsefladeelementer. Komponenterne er rammeløse: afrundede kort med en radius på 28px, pilleformede knapper, der næsten rører sidens kanter, uden synlige beholdere eller skyggeeffekter. Rytme skabes af skiftevis hvide og grå striber, ikke skillevægge eller kanter.
Sektioner optager sidens fulde bredde og strækker sig fra kant til kant med generøs marmorering (ca. 40-100 sider). Den maksimale indholdsbredde er effektivt centreret inden for hver strimmel. Hovedelementet er en centreret stak: en øjenbrynsformet etiket, en forstørret overskrift, en enkelt call-to-action-knap, en prisrække og derefter et produktbillede, der fylder bunden af viewporten. Sektioner følger et gentagende mønster: en venstrejusteret overskrift inden for strimlen, efterfulgt af enten et layout med to kolonner med produktbeskrivelser (tekst til venstre/billede til højre eller skiftevis), et gitter med tre kolonner af kort eller en centreret visuel præsentation. Indholdsrytmen styres fuldstændigt af skiftevis hvide og trefarvede baggrunde med lodrette mellemrum på 100-100 cm - ingen skillevægge, ingen kort med elementer. Global navigation er en enkelt, fast bjælke. Produktspecifikationssektioner bruger bånd i fuld bredde med generøs marmorering, hvor tekst er centreret i smalle kolonner (~560px) mod et bredere visuelt område.
Apples visuelle sprog er primært produktfotografering: nærbilleder af hardware mod en ren hvid eller farvet baggrund, uden livsstilskontekst eller iscenesatte scener. Hovedbilledet viser hænder, der holder en pastelgrøn MacBook Neo – det menneskelige element er sekundært og demonstrerer skala og tekstur snarere end følelser. I produktvariantsektionerne præsenteres to enheder side om side mod en baggrund af matchende lister i farverne (pink, grøn, sølv, himmelblå), hvor hvert kort har et fladt farvefelt med produktet i midten. Detaljebilleder bruger ekstreme nærbilleder (laptophængslet, kameramodulet) mod en neutral baggrund. Der er ingen illustrationer, ingen abstrakt grafik, ingen dekorative billeder – selve produktet er det visuelle element. Ikonografi er overalt – monokrome linjeikoner i SF Symbols-stil, 1,5-2px tykke, taget fra Apple-systemikonsættet. Fotograferingen udføres altid på en fremhævet måde: ensartet, skyggefri belysning, der reducerer produktet til en grafisk form snarere end et tredimensionelt objekt.
Palet
Mærke
- Electric Blue
#0071e3— Udfyldte handlingsknapper er den eneste farveaccent i brugergrænsefladen og bruges sparsomt til opfordringer til handling. - Link Blue
#0066cc— Indlejrede tekstlinks, links med pile og vinkler. - Citrus Gradient
#3b3b23— En alternativ finish, der er blevet produktets signaturfunktion, er en mørk base, der falmer i gulgrønne lyserøde detaljer.
Neutral
- Primary Ink
#1d1d1f— Overskrifter, brødtekst og knapetiketter er den dominerende forgrundstone på tværs af alle overflader; baggrunden på det primære produktbillede går jævnt fra en solid #1d1d1f øverst til en kromatisk blå. - Mid Gray
#707070— Sekundær tekst, inaktiv navigationstilstand, dæmpede brugergrænsefladeetiketter - Deep Gray
#474747— Navigationstekst og ikonografi er i mellemstor skrifttype. - Hairline
#d6d6d6— Tynde grænser mellem sektioner og UI-elementer. - Canvas
#f5f5f7— Skiftende sektionsbaggrunde - en grå stribe, der adskiller de hvide områder. - Paper
#ffffff— Kortoverflade, baggrund på hovedsiden, knaptekst på en mørk baggrund.
Typografi
fra 12 til 96px · 10 trin
- SF Pro Display — udskiftning: Inter · konturer 600, 700 · Hovedoverskrifter og underoverskrifter til visning — 700 vægt ved 80-96px med negativ bogstavafstand på -1,44px skaber Apples signatur "massiv overskrift, der flyder i hvidt". Erstatninger: Inter, system-ui
- SF Pro Display — udskiftning: Inter · konturer 600 · Sektionsoverskrifter, korttitler, underoverskrifter - en skrifttype på 600 med let positiv bogstavafstand føles varm og venlig i mellemstørrelser, i modsætning til de korte overskrifter ovenfor.
- SF Pro Text — udskiftning: Inter · konturer 400, 500, 600 · For brødtekst, navigation, understøttende afsnit og små billedtekster er en skrifttype med et indeks på 400 ved 17px den primære skrifttype. Negativ bogstavafstand giver mulighed for en mere præcis hovedtekst på informationstunge sider.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8-10px |
| Knapradius | 980px |
| Kortradius | 28px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 100-120px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Apple (España) -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
- Airbnb — En stille hvid gallerivæg med et enkelt koralrødt bogmærke
- Peak Design — Gallerivæg, delvist oplyst
- Ramp — Redaktionens økonomiafdeling, sort-hvide sider med en enkelt neonmarkør. Publikationens praktisk talt monokrome overflade, hvor et enkelt klart limegrønt strøg forvandler enhver interaktion til et monetært signal.
- 099 SUPPLY — En gallerivæg fyldt med sort-hvide objekter
- Orderful — Industrial Logistics Control Deck - En trykt tjekliste til logistikdisponenter, udført med sort blæk og kirurgisk rød blæk, hver side diskret nok til at give én operatør mulighed for at råbe noget vigtigt frem.
- Apple (España) — hvid gallerimontre
- teenage engineering — Industrielt katalog inden for studiebelysning - produktet er det eneste væsentlige objekt på siden, og alt andet diskuteres omkring det.
- Apple (España) — Et gallerivindue i morgentågen
- Lightship — Et filmisk diorama af den åbne landevej. Varme cremefarvede gallerivægge prydet med store landskabsfotografier monteret med tætte mellemrum, tynde sorte skrifttyper knapt synlige på rammerne, og en enkelt lys orange accent, der bryder monokromen som et bål på en eng.
- Custo — Et galleri i pistolfarvet med en monolitisk skrifttype. Et showroom i dæmpede grågrønne toner, hvor et enkelt mørkt objekt og en skrifttype på 57px taler for sig selv.
- Silencio — Et hvidt rum med svævende artefakter. En galleriudstilling lavet af varmt papir, hvor hvert element indtager sin plads mod en baggrund af negativ volumen, og stilheden er en bevidst designbeslutning.
- ORYZO AI — Et fotoessay om et mørkekammer. En ensom genstand svæver i det varme mørke, med cremefarvet skrift som den eneste dekoration.