Apple (España)
Eine Kathedrale aus weißem Raum mit kaum hörbaren Überschriften. Eine riesige, helle Halle, in der gewaltige 700-Punkt-Schriften in der Luft schweben, nur von Pastellfarben und einem einzigen blauen Faden zusammengehalten.
Die Sprache auf Apples Produktseiten ist ein Paradebeispiel typografischer Großzügigkeit: Riesige SF Pro Display-Überschriften schweben vor einem cremefarbenen Hintergrund, umgeben von viel Weißraum, der jedem Wort eine bewusste Note verleiht. Die Farbpalette ist nahezu monochrom – Text in #1d1d1f, Canvas in wechselnden Farben zwischen #ffffff und #f5f5f7 – mit einem einzigen blauen Akzent (#0071e3), der ausschließlich interaktiven Elementen vorbehalten ist. Farbe findet sich in den Produktbildern selbst (Pastelltöne), niemals als dekoratives UI-Element. Die Komponenten sind rahmenlos: abgerundete Karten mit einem Radius von 28 Pixeln, pillenförmige Schaltflächen, die fast den Seitenrand berühren, ohne sichtbare Container oder Schlagschatten. Rhythmus entsteht durch abwechselnde weiße und graue Streifen, nicht durch Trennlinien oder Rahmen.
Die Abschnitte erstrecken sich über die gesamte Seitenbreite und bieten mit großzügigem Abstand (ca. 40–100 Pixel) eine optimale Darstellung. Die maximale Inhaltsbreite ist innerhalb jedes Abschnitts zentriert. Das Hauptelement besteht aus einem zentrierten Elementstapel: einer augenbrauenförmigen Beschriftung, einer vergrößerten Überschrift, einem Call-to-Action-Button, einer Preiszeile und einem Produktbild, das den unteren Rand des Viewports ausfüllt. Die Abschnitte folgen einem wiederkehrenden Muster: einer linksbündigen Überschrift innerhalb des Abschnitts, gefolgt von einem zweispaltigen Layout mit Produktbeschreibungen (Text links/Bild rechts oder abwechselnd), einem dreispaltigen Raster mit Karten oder einer zentrierten visuellen Präsentation. Der Inhaltsrhythmus wird vollständig durch abwechselnd weiße und dreifarbige Hintergründe mit vertikalen Abständen von 100–100 cm gesteuert – ohne Trennlinien oder Karten mit Elementen. Die globale Navigation besteht aus einer einzigen, festen Leiste. Die Abschnitte mit Produktspezifikationen nutzen breite Bereiche mit großzügigem Abstand, in denen der Text in schmalen Spalten (ca. 560 Pixel) vor einem breiteren visuellen Bereich zentriert ist.
Apples Bildsprache basiert primär auf Produktfotografie: Nahaufnahmen der Hardware vor reinweißem oder farbigem Hintergrund, ohne Lifestyle-Kontext oder gestellte Szenen. Das Hauptbild zeigt Hände, die ein pastellgrünes MacBook Neo halten – der Mensch tritt in den Hintergrund und verdeutlicht Größe und Textur statt Emotionen. In den Produktvarianten-Bereichen werden jeweils zwei Geräte nebeneinander vor einem Hintergrund in passenden Farben (Rosa, Grün, Silber, Himmelblau) präsentiert. Jede Karte ist eine einfarbige Fläche mit dem Produkt im Zentrum. Detailaufnahmen zeigen extreme Nahaufnahmen (z. B. das Laptop-Scharnier, das Kameramodul) vor neutralem Hintergrund. Es gibt keine Illustrationen, keine abstrakten Grafiken, keine dekorativen Bilder – das Produkt selbst ist das visuelle Element. Ikonografie ist allgegenwärtig: monochrome Linien-Icons im SF-Symbols-Stil, 1,5–2 Pixel dick, aus dem Apple-System-Iconset. Die Fotografie ist stets hell und gleichmäßig: Die schattenfreie Ausleuchtung reduziert das Produkt auf eine grafische Form anstatt auf ein dreidimensionales Objekt.
Palette
Marke
- Electric Blue
#0071e3— Ausgefüllte Aktionsschaltflächen sind der einzige Farbakzent in der Benutzeroberfläche und werden sparsam für Handlungsaufforderungen eingesetzt. - Link Blue
#0066cc— Inline-Textlinks, Links mit Pfeilen und Winkeln. - Citrus Gradient
#3b3b23— Eine alternative Oberflächenbehandlung, die zum charakteristischen Merkmal des Produkts geworden ist, besteht aus einer dunklen Grundierung, die in gelbgrüne Highlights übergeht.
Neutral
- Primary Ink
#1d1d1f— Überschriften, Fließtext und Schaltflächenbeschriftungen sind auf allen Oberflächen in der vorherrschenden Vordergrundfarbe gehalten; der Hintergrund des Hauptproduktbildes geht fließend von einem einfarbigen #1d1d1f oben in ein chromatisches Blau über. - Mid Gray
#707070— Sekundärer Text, inaktiver Navigationsstatus, ausgeblendete UI-Beschriftungen - Deep Gray
#474747— Navigationstexte und Symbole sind in mittlerer Schriftart. - Hairline
#d6d6d6— Dünne Übergänge zwischen Abschnitten und UI-Elementen. - Canvas
#f5f5f7— Abwechselnde Abschnittshintergründe – ein grauer Streifen trennt die weißen Bereiche. - Paper
#ffffff— Kartenoberfläche, Hintergrund der Hauptseite, Schaltflächentext auf dunklem Hintergrund.
Typografie
von 12 auf 96 Pixel · 10 Schritte
- SF Pro Display — Ersatz: Inter · Umrisse 600, 700 · Hero- und Unterüberschriften für die Anzeige – Schriftschnitt 700 bei 80–96 px und negativem Buchstabenabstand von -1,44 px erzeugen Apples charakteristische „massive Überschrift in Weiß“. Alternativen: Inter, system-ui
- SF Pro Display — Ersatz: Inter · Umrisse 600 · Abschnittsüberschriften, Kartentitel, Unterüberschriften – eine 600er Schriftart mit leicht positivem Buchstabenabstand wirkt in mittleren Größen warm und freundlich, im Gegensatz zu den kurzen Überschriften oben.
- SF Pro Text — Ersatz: Inter · Umrisse 400, 500, 600 · Für Fließtext, Navigation, unterstützende Absätze und kleine Bildunterschriften wird eine Schriftart mit einem Index von 400 bei 17px verwendet. Negativer Buchstabenabstand ermöglicht einen prägnanteren Haupttext auf informationsreichen Seiten.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8-10px |
| Radius der Schaltfläche | 980px |
| Kartenradius | 28px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 100-120px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Apple (España) -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Peak Design — Galeriewand, teilweise beleuchtet
- Ramp — Die Finanzredaktion, schwarz-weiße Seiten mit einem einzigen Neonmarker. Die nahezu monochrome Oberfläche der Publikation, auf der ein einziger leuchtend lindgrüner Strich jede Interaktion in ein monetäres Signal verwandelt.
- 099 SUPPLY — Eine Galeriewand voller schwarz-weißer Objekte
- Orderful — Industrielogistik-Kontrolldeck – Eine gedruckte Checkliste für den Logistikdisponenten, in schwarzer Tinte und chirurgischem Rot, wobei jede Seite diskret genug ist, damit ein Bediener etwas Wichtiges laut ausrufen kann.
- Apple (España) — weiße Galerievitrine
- teenage engineering — Industriekatalog für Studiobeleuchtung – das Produkt ist das einzige wichtige Objekt auf der Seite, alles andere wird darum herum besprochen.
- Apple (España) — Ein Galeriefenster im Morgennebel
- Lightship — Ein filmisches Diorama der offenen Straße. Warme, cremefarbene Galeriewände, geschmückt mit großformatigen Landschaftsfotografien in dichten Abständen, dünne schwarze Schrift kaum sichtbar auf den Rahmen, und ein einzelner leuchtend orangefarbener Akzent, der die Monochromie wie ein Lagerfeuer auf einer Wiese durchbricht.
- Custo — Eine Galerie in Anthrazit mit einer monolithischen Schriftart. Ein Ausstellungsraum in gedeckten Graugrüntönen, in dem ein einzelnes dunkles Objekt und eine 57-Pixel-Schrift für sich sprechen.
- Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
- ORYZO AI — Eine Fotostrecke über eine Dunkelkammer. Ein einsames Objekt schwebt in der warmen Dunkelheit, cremefarbene Schrift ist die einzige Dekoration.