Zum Hauptinhalt springen
Golf AlgarveOfficial

Golf Passport Algarve

Markenrichtlinien

Die visuelle Sprache hinter dem Golf-Reisepass der Algarve.

Version
v1.0
Aktualisiert
Status
Offizielle Referenz
Markenressourcen herunterladen

01Grundlagen

Markenüberblick

Golf Passport Algarve ist der Reisepass zum Entdecken, Spielen und Sammeln der Algarve. Er verwandelt eine Golfreise in ein Register: Jede verifizierte Runde wird zu einem Stempel, jeder Stempel treibt eine Stufe voran, und die gesamte Sammlung erzählt die algarvische Geschichte jedes Golfers.

Zweck
Golfern einen vertrauenswürdigen Begleiter für die Algarve zu geben - vor, während und nach der Reise - und Golfclubs sowie Partnern in der Region eine Möglichkeit zu bieten, von Golfern gefunden zu werden, die bereits unterwegs sind.
Vision
Der vertrauenswürdige digitale Begleiter für jeden Golfer zu werden, der die Algarve besucht oder dort spielt, und die Beziehungsebene zwischen Golfern und dem Golf-Ökosystem der Algarve.
Mission
Verifizierte Golfinformationen zu veröffentlichen, Golfern zu ermöglichen, ihre Runden zu erfassen und zu sammeln, und sie mit den Clubs, Zielen und Dienstleistungen zu verbinden, die eine Golfreise an der Algarve ausmachen.
Markenversprechen
Entdecken, planen, spielen und behalten Sie die besten Golferlebnisse der Algarve in Erinnerung. Daten werden vor der Veröffentlichung geprüft; ein Stempel wird erst eingefärbt, nachdem ein Club oder Administrator den Besuch verifiziert hat.

Zielgruppe

An wen sich die Marke richtet, in der Reihenfolge, in der das Produkt sie trifft.

  • Golfreisende

    Planen eine Reise und entscheiden, welche Plätze sie spielen.

  • Algarve-Besucher

    Bereits in der Region, suchen, was in der Nähe ist und was als Nächstes kommt.

  • Internationale Golfer

    Zehn Interface-Sprachen; Englisch ist die kanonische Ausgabe.

  • Golfbegeisterte

    Sammeln Stempel, steigen von Explorer zu Citizen auf.

  • Golfclubs

    Vertreten durch verifizierte Daten und ihren eigenen sammelbaren Stempel.

  • Tourismuspartner

    Shops, Transfers, Vermietungen und Trainer im Golf-Verzeichnis.

  • Reisezielpartner

    Gemeinden, Veranstaltungen und die Algarve als Ganzes.

Namensarchitektur

Drei Namen erscheinen im veröffentlichten Produkt. Jeder hat eine Funktion.

  1. 01

    Golf AlgarveOfficial

    Plattform- und Herausgebername

    Der Website-Titel, das Logo neben der Kopfzeile, der Urheberrechtsvermerk, der Aussteller des Reisepasses und die Organization in strukturierten Daten. Immer ein einziges Wort für „AlgarveOfficial“, niemals „Algarve Official“.

  2. 02

    Golf Passport

    Das Produkt

    Das Sammelobjekt selbst und sein Navigationslabel. Ein fester Markenbegriff: in allen zehn Sprachen exakt als „Golf Passport“ angezeigt und niemals übersetzt.

  3. 03

    Golf Passport Algarve

    Das Programm und der Markenname

    Der vollständige Name, der für die Marke, für diese Richtlinien und für den physischen Einband verwendet wird („Algarve Golf Passport“ auf dem gedruckten Exemplar). Zu verwenden, wenn das Reiseziel explizit gemacht werden muss.

02Grundlagen

Markengeschichte

Die Algarve ist eine der großen Golfküsten Europas, seit die ersten Fairways 1966 in Penina und 1962 in Vale do Lobo angelegt wurden. Dutzende Clubs folgten entlang der Küste und in die Hügel des Hinterlands hinein - jeder mit seinem eigenen Charakter, seinen eigenen Pinien, Klippen und Flussmündungen.

Golf Passport Algarve entstand aus einer einfachen Beobachtung: Golfer erinnern sich an Plätze so, wie Reisende sich an Länder erinnern. Eine Runde in Quinta do Lago oder Monte Rei verdient dieselbe kleine Zeremonie wie ein Grenzübertritt - einen Stempel, ein Datum, eine Seite, die sich über die Jahre füllt.

Deshalb sieht die Marke aus wie das Objekt, nach dem sie benannt ist: ein gut gemachter Reisepass, aufbewahrt in einem ruhigen Clubhaus. Tiefes Fairway Green als Einbandmaterial, warmes Elfenbein und Pergament als Seiten, ein einziges Erbschaftsgold als Prägung. Das digitale Produkt bewahrt diese haptische Qualität - Milchglas auf Papier, Stempel, die sich einfärben, wenn ein Club einen Besuch verifiziert, Stufen, die erworben statt gekauft werden.

Golf ist der Grund anzufangen. Die Algarve ist der Grund weiterzumachen.

Golf Passport Algarve

03Grundlagen

Markenwesen

Vier Verben, dem Produkt selbst entnommen: Der Einband trägt sie geprägt, der Reisepass verlangt sie, das Golf-Netzwerk erfüllt sie.

  1. Discover

    Die Algarve reicht über den Platz hinaus.

    Clubs, Reiseziele, Veranstaltungen und Golf-Verzeichnis - verifiziert vor der Veröffentlichung.

  2. Play

    Golf ist der Grund anzufangen.

    Die digitale Scorekarte erfasst die Runde; der Club verifiziert den Besuch.

  3. Collect

    Jede Runde wird Teil des Reisepasses.

    Ein Stempel pro Club, sechs Stufen von Explorer bis Citizen, eine Sammlung, die sich über die Jahre füllt.

  4. Connect

    Das Produkt verbindet Golfer mit dem Reiseziel.

    Golfclubs, Golf-Netzwerk und regionale Partner teilen sich eine einzige Plattform.

04Grundlagen

Markenpositionierung

Positionierungsaussage

Für Golfer, die reisen, um zu spielen, ist Golf Passport Algarve der Reiseziel-Begleiter, der das Golfen an der Algarve in ein verifiziertes, sammelbares Register verwandelt - denn er wird gemeinsam mit den Clubs der Region aufgebaut, und jeder Fakt sowie jeder Stempel wird vor der Anzeige geprüft.

Kategorie
Golf-Reiseziel-Begleiter und sammelbarer Reisepass
Territorium
Die Algarve, Portugal - die sechzehn Gemeinden
Unterscheidungsmerkmal
Verifizierte Informationen und von Clubs validierte Stempel, keine selbstdeklarierten Abzeichen
Register
Premium durch Zurückhaltung - niemals „Luxus“

Wir sagen

  • Premium
  • verifiziert
  • sammeln
  • entdecken
  • die Algarve
  • Golfclub
  • Stempel

Wir vermeiden

  • Luxus
  • exklusiv
  • freischalten
  • episch
  • gamifiziert
  • Abzeichensammlung
  • die algarvische Küste Spaniens

05Grundlagen

Markenpersönlichkeit

Jede Eigenschaft wird an ihrem Übermaß gemessen. Die Marke positioniert sich bewusst diesseits des Extrems auf jeder Achse.

  1. Nicht Protzig

    Qualität zeigt sich in Typografie und Abstand, nicht im Ornament.

    Premium

  2. Nicht Arrogant

    Sie stellt Fakten fest; sie prahlt nie und stuft Clubs nie nach Geschmack ein.

    Selbstsicher

  3. Nicht Salopp

    Warm und direkt, ohne Jargon oder Ausrufezeichen.

    Einladend

  4. Nicht Flüchtig

    Eine Serif und Milchglas, über Jahre beibehalten, nicht nur eine Saison.

    Zeitgemäß

  5. Nicht Rustikal

    Echte Korkeichen und Flussmündungen auf den Stempeln; kein vorgetäuschter, abgenutzter Vintage-Look.

    Authentisch

  6. Nicht Kindlich

    Stempel, Stufen und ein Golf-Minispiel auf der Startseite - mit erwachsener Zurückhaltung.

    Verspielt

  7. Nicht Klinisch

    Verifizierte, geschätzte und redaktionelle Aussagen werden stets unterschieden.

    Präzise

  8. Nicht Provinziell

    Verwurzelt in sechzehn Gemeinden, geschrieben für ein internationales Publikum.

    Lokal

06Grundlagen

Markenprinzipien

  1. 01 — Das Reiseziel zuerst

    Golf ist das Tor zum Algarve-Erlebnis. Jede Fläche sollte die Region - ihr Licht, ihre Küste, ihre Hügel und Dörfer - ebenso präsent machen wie den Platz.

  2. 02 — Sammelbar machen

    Der Reisepass schafft ein Gefühl von Fortschritt und Entdeckung: ein Stempel pro Club, sechs Stufen, eine Sammlung, die sich nie in einer einzigen Reise vervollständigt.

  3. 03 — Premium durch Zurückhaltung

    Qualität kommt von Typografie, Abstand, Komposition und Detail - nicht von Dekoration. Eine einzige Farbfamilie, mit Gold für Akzente reserviert.

  4. 04 — Digital, aber haptisch

    Das Produkt bewahrt die emotionalen Qualitäten eines physischen Reisepasses: Papierstruktur, Sicherheitsdruck, Tinte, die sich vertieft, wenn ein Besuch verifiziert wird.

  5. 05 — Konsistenz schafft Wiedererkennung

    Jeder Stempel, jedes Abzeichen, jede Karte und Interaktion gehört zum selben System. Eine Radiusskala, eine Bewegungskurve, eine Icon-Familie.

  6. 06 — Verifiziert vor beeindruckend

    Ein Fakt wird veröffentlicht, wenn er geprüft wurde. Ein Stempel wird eingefärbt, wenn ein Club ihn bestätigt. Die Marke zeigt lieber weniger, als zu viel zu behaupten.

08Identität

Logonutzung

  • SVG verwenden, niemals eine rasterisierte KopieOffiziell

    Die Marke ist ein randabfallendes quadratisches SVG, das verlustfrei skaliert. Im Produkt wird sie direkt über die gemeinsame Logo-Komponente angezeigt; das Durchleiten durch einen Bildoptimierer rasterisiert sie in ein WebP mit begrenzter Auflösung.

  • Alt-Text folgt dem KontextOffiziell

    Eine isolierte Marke trägt alt="Golf AlgarveOfficial". Neben dem geschriebenen Namen, oder in einem Link, der bereits einen zugänglichen Namen hat, ist die Marke dekorativ (alt="").

  • Icons sind die Marke, randabfallendOffiziell

    Alle Raster-Icons (iOS, PWA 192 und 512) füllen ihr Quadrat mit dem eigenen Markengrün - die Marke wird nie auf eine Seitenhintergrund-Kachel gesetzt. #f7f4ed ist nur die PWA-Splashscreen-Farbe hinter dem Icon.

  • Markengrün ist kein UI-TokenOffiziell

    #017658 gehört zur Logo-Grafik. UI-Flächen verwenden Fairway Green (--primary); niemals die Marke umfärben, um zu einer Fläche zu passen, und niemals eine Fläche im Markengrün streichen.

  • SchutzraumVorgeschlagen

    Auf allen Seiten mindestens ein Viertel der Markenhöhe frei von anderer Grafik oder Text halten. Die Kopfzeile verwendet 12px Abstand bei einer 32px-Marke.

  • MindestgrößeVorgeschlagen

    24px am Bildschirm (die Kopfzeile zeigt sie bei 32px); 8mm im Druck.

Hintergründe

Zugelassene Hintergründe sind die eigenen Flächen der Marke. Fotografie und Gold konkurrieren mit der Marke.

  • Ivory Canvas

  • Card White

  • Fairway Green

  • Parchment

  • Auf Fotografie

  • Auf Gold

SchutzraumVorgeschlagen

Eine Ausschlusszone von einem Viertel der Markenhöhe auf allen Seiten.

MindestgrößeVorgeschlagen

24px am Bildschirm, 8mm im Druck. Die Kopfzeile zeigt die Marke bei 32px.

24px
32px · Kopfzeile
48px

Fehlerhafte Verwendung

Jedes Beispiel zeigt eine Behandlung, die die Marke nie erhält.

  • Verzerrt

  • Gedreht

  • Umgefärbt

  • Mit hinzugefügten Effekten

  • Mit veränderten Proportionen

  • Historische Marke

  • Nicht verzerren oder strecken
  • Nicht drehen
  • Nicht umfärben
  • Keine Schatten, Leuchteffekte oder Konturen hinzufügen
  • Die Proportionen zwischen Tee und Globus nicht verändern
  • Nicht auf überladener Fotografie oder der historischen Notizbuch-Marke platzieren

09Identität

Farbsystem

Jede Farbe ist ein semantisches Token, das einmalig im Stylesheet des Produkts deklariert wird. Der Name ist, wie Designer sie nennen; das Token ist, was der Code verwendet; der Hex-Wert ist der Wert, in den es im hellen Theme aufgelöst wird.

≈ 70%Neutral
Elfenbein-Leinwand, weiße Karten, Kohle-Text - die Struktur.
≈ 25%Fairway Green
Identität: Kopfzeilen, primäre Aktionen, Reisepass-Einband.
≈ 5%Gold
Momente der Aufmerksamkeit: ein hervorgehobenes Abzeichen, ein Stempelring, ein Fokusschimmer.

Primär

Die Kernidentität von Golf Passport: Fairway Green als Einbandmaterial, tiefes Grün für Text auf Gold und hellem Glas, Moos für den Fokus.

  • Fairway Green

    Primäre Buttons, hervorgehobene Panels, Reisepass-Einband, aktive Navigation

    HEX
    RGB
    HSL
    Token

  • Fairway Green Deep

    Text auf Gold und hellem Glas, wo Gold den Kontrast nicht erreichen würde

    HEX
    RGB
    HSL
    Token

  • Moss Ring

    Standard-Fokusring; zweite Diagrammserie

    HEX
    RGB
    HSL
    Token

Sekundär

Das Papier: eine Elfenbein-Leinwand, die nie reines Weiß ist, Nebel-Füllungen für sekundäre Steuerelemente, und das Pergament des geöffneten Reisepasses.

  • Ivory Canvas

    Seitenhintergrund

    HEX
    RGB
    HSL
    Token

  • Card White

    Feste Flächen von Karten und Popups; Text auf Grün

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --popover, --primary-foreground

  • Mist Secondary

    Sekundäre Button-Füllung

    HEX
    RGB
    HSL
    Token

  • Mist Muted

    Hover-Füllungen, leere Zustände, Skelette

    HEX
    RGB
    HSL
    Token

  • Parchment

    Die geöffnete Seite des Reisepasses

    HEX
    RGB
    HSL
    Token

  • Parchment Ink

    Text und Textur auf Pergament; verblasste Stempel

    HEX
    RGB
    HSL
    Token

Akzent

Die goldene Prägung. Gold ist ein Akzent auf Grün oder Glas, niemals eine Füllung: hervorgehobene Abzeichen, zu-besuchen-Stempelringe, das Podium und die Goldlinie auf jedem Button und Feld.

  • Heritage Gold

    Hervorgehobene Abzeichen, zu-besuchen-Stempelring, praktische Info-Icons

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --medal-gold

  • Heritage Gold Ink

    Kleiner Goldtext auf hellen Flächen: Schrittbezeichnungen und Dachzeilen

    HEX
    RGB
    HSL
    Token

  • Champagne Gold

    Zweite Zeile des Kopfzeilen-Titels, die goldene Linie, Fokusschimmer

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --luxury-paper-base

Neutral

Alle Neutraltöne neigen zu Grün. Reines Grau und reines Schwarz erscheinen nie auf golferorientierten Flächen.

  • Charcoal Ink

    Primärtext - ein warmes Beinahe-Schwarz

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --card-foreground, --popover-foreground

  • Slate Secondary Ink

    Sekundärtext, Platzhalter, inaktive Labels

    HEX
    RGB
    HSL
    Token

  • Hairline Sage

    Rahmen, Trennlinien, Feldlinien

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --input

UI-Semantik

Zustand wird nie allein durch Farbe vermittelt - jeder Zustand wird auch in Text und Icon angezeigt. Diese vier sind das einzige Zustandsvokabular; keinen fünften erfinden.

  • Verified · Success

    Verifizierte Stempel, gespeicherte Bestätigungen

    HEX
    RGB
    HSL
    Token

  • Pending · Warning

    Zur Überprüfung ausstehende Anfragen, Warnungen

    HEX
    RGB
    HSL
    Token

  • Error · Rejected

    Destruktive Aktionen, Fehler, abgelehnte Anfragen

    HEX
    RGB
    HSL
    Token

    Auch deklariert als --status-rejected

  • Revoked

    Ein nach Verifizierung entzogener Stempel

    HEX
    RGB
    HSL
    Token

  • Information

    Info-Hinweise verwenden Fairway Green; es gibt kein separates Info-Token

    HEX
    RGB
    HSL
    Token

Spezialisiert

Eingeschränkte Tokens, jedes mit einer einzigen Funktion. Tee-Markierungen gehören zur Scorekarte; Medaillen gehören zum Podium der GAME-Rangliste.

  • Tee White

    Tee-Markierung der Scorekarte

    HEX
    RGB
    HSL
    Token

  • Tee Yellow

    Tee-Markierung der Scorekarte

    HEX
    RGB
    HSL
    Token

  • Tee Red

    Tee-Markierung der Scorekarte

    HEX
    RGB
    HSL
    Token

  • Medal Silver

    Zweiter Platz in der Rangliste

    HEX
    RGB
    HSL
    Token

  • Medal Bronze

    Dritter Platz in der Rangliste

    HEX
    RGB
    HSL
    Token

10Identität

Typografie

Eine Serif, die nur spricht, wenn etwas Bemerkenswertes zu sagen ist, eine Sans-Serif, die die operative Arbeit erledigt, und eine Monospace für Zahlen. Die Skala ist die Standardskala von Tailwind, mit Absicht eingesetzt.

  • Your journey. Your stamps.

    Fraunces

    Highlight und Überschriften

    Schriftstärken
    400 · 500 · 600 · 700
    Stile
    Normal und kursiv
    Variabel
    --font-heading
    Utility
    font-heading
    Fallback
    Georgia, serif
    Laden
    next/font/google, lateinische Teilmenge, font-display: optional

  • Collect verified stamps from Algarve golf facilities.

    Inter

    Interface und Fließtext

    Schriftstärken
    400 · 500 · 600 · 700
    Stile
    Normal
    Variabel
    --font-sans
    Utility
    font-sans
    Fallback
    system-ui, sans-serif
    Laden
    next/font/google, lateinische Teilmenge, font-display: optional

  • GPA-2026-ALGARVE · 72 · 36 · 36

    IBM Plex Mono

    Daten und Referenzen

    Schriftstärken
    400 · 500
    Stile
    Normal
    Variabel
    --font-geist-mono → --font-mono
    Utility
    font-mono
    Fallback
    ui-monospace, monospace
    Laden
    next/font/google, lateinische Teilmenge, ohne Preload

Typografische Skala

Live-Muster mit den eigenen Klassen des Produkts und echtem Golf-Passport-Text.

  1. Highlight

    Brand Guidelines

    Größe
    30 → 48 → 60px
    / 0.98
    Schriftstärke und Abstand
    Fraunces 400
    −0.02em
    Verwendung
    Nur die Kopfzeilen-H1; der zweite Satz in Champagne Gold

  2. H1 · Seitentitel

    Your stamp collection

    Größe
    36 → 48px
    / 1.1
    Schriftstärke und Abstand
    Fraunces 400
    −0.025em
    Verwendung
    Seitentitel ohne Highlight-Kopfzeile

  3. H2 · Abschnitt

    Golf clubs to begin with

    Größe
    30px
    / 1.2
    Schriftstärke und Abstand
    Fraunces 400
    0
    Verwendung
    Abschnittsüberschriften

  4. H3 · Titel

    Quinta do Lago

    Größe
    20px
    / 1.4
    Schriftstärke und Abstand
    Fraunces 500
    0
    Verwendung
    Karten- und Panel-Titel (CardTitle sinkt auf 16px)

  5. Signatur

    Every round counts.

    Größe
    24px
    / 1.3
    Schriftstärke und Abstand
    Fraunces 400 kursiv
    0
    Verwendung
    Die letzte Zeile der Kopfzeile; Gold auf Grün

  6. Einleitung

    Collect verified stamps from Algarve golf facilities and build your own golf story.

    Größe
    18px
    / 32px
    Schriftstärke und Abstand
    Inter 400
    0
    Verwendung
    Kopfzeilen- und Abschnittseinleitungen

  7. Fließtext

    Choose a published facility. Your claim remains pending until an authorised verifier reviews it.

    Größe
    14px
    / 24px
    Schriftstärke und Abstand
    Inter 400
    0
    Verwendung
    Die Arbeitsgröße für Interface und Lesetext

  8. Kleintext

    Publication and operational facts are checked before they appear.

    Größe
    12px
    / 16px
    Schriftstärke und Abstand
    Inter 400
    0
    Verwendung
    Metadaten, Hilfetexte

  9. Bildunterschrift

    Verified · 26 Aug 2026

    Größe
    11.2px
    / 1.3
    Schriftstärke und Abstand
    Inter 600
    0.08em
    Verwendung
    Statuszeile unter einem Stempel

  10. Navigation

    Golf Passport

    Größe
    14px
    / 20px
    Schriftstärke und Abstand
    Inter 600
    0
    Verwendung
    Seitenleisten- und Kopfzeilenelemente in 44px-Buttons

  11. Button

    Explore Clubs

    Größe
    14px
    / 20px
    Schriftstärke und Abstand
    Inter 600
    0
    Verwendung
    Alle Buttongrößen; 12px bei xs

  12. Label

    Current Passport Level

    Größe
    12px
    / 1
    Schriftstärke und Abstand
    Inter 600
    0.18em
    Verwendung
    Highlight-Kopfzeilen, Datenlabels, Tabellenüberschriften

  13. Zahlen

    18 holes · Par 72 · 6,488 m

    Größe
    14px
    / 20px
    Schriftstärke und Abstand
    IBM Plex Mono 500
    0
    Verwendung
    Ergebnisse, Pars, Referenzen, Preise

  • Die Serif spricht, die Sans-Serif arbeitet

    Fraunces erscheint in Überschriften, Highlight-Zeilen, Kartentiteln und der Signatur. Alles, was ein Golfer liest, um das Produkt zu bedienen - Fließtext, Buttons, Felder, Navigation, Labels - ist in Inter.

  • Großbuchstaben mit Laufweite

    Jedes Großbuchstaben-Label hat Buchstabenabstand: 0,05em für dichte 10px-Kopfzeilen, 0,14 bis 0,22em für redaktionelle Kopfzeilen und Stempel-Bildunterschriften. Großbuchstaben ohne Laufweite erscheinen nie.

  • Keine künstliche Fettschrift

    Nur geladene Schriftstärken werden verwendet: Fraunces und Inter von 400 bis 700, Plex Mono 400 und 500. Schriftstärke 800 wird nie angefordert.

  • Felder bei sechzehn Pixeln auf Mobilgeräten

    Felder werden unter md bei 16px angezeigt, damit iOS die Seite nie hineinzoomt; die Desktop-Steuerung sinkt auf 14px.

11Identität

Layout und Raster

Großzügiger Raum, starke Hierarchie, kontrollierte Ausrichtung. Eine Inhaltsspalte, eine Abstandsskala, eine Radiusskala, abgeleitet von einer einzigen 10px-Basis.

Inhaltsspalte
1280pxmax-w-7xl, zentriert
Seitenränder
16 · 20 · 24 · 32pxpx-4 sm:px-5 md:px-6 lg:px-8
Breakpoints
480 · 640 · 768 · 1024 · 1280xs · sm · md · lg · xl
Desktop-Raster
12 SpaltenVerzeichniskarten 2 → 3 Spalten (md → xl); Startseitenkarten 1 → 2 → 4
Tablet-Raster
8 SpaltenKarten zweispaltig ab 768px; die Desktop-Seitenleiste erscheint bei 1024px
Mobil-Raster
4 SpaltenEinspaltig; Stempel behalten drei Spalten ab 320px
Verwandte Elemente
8 · 12pxgap-2, gap-3
Gruppen
16pxgap-4
Abschnitte
24 · 32pxspace-y-6, space-y-8; Kopfzeilen haben 56 bis 80px Abstand
Kartenpolsterung
24px--card-spacing; 16px für kompakte Karten
Kopfzeile
64px + sicherer Bereich--app-header-height unter 1024px; Seitenleiste 260 / 76px darüber
Berührungsziel
44pxmin-h-11; native Selektoren mit globalem Minimum

Raster

Vier Spalten auf Mobilgeräten, acht auf Tablets, zwölf auf Desktop, mit 16px Abstand. Karten belegen ganze Spalten; Textspalten enden bei 65 Zeichen.

Eckenradius

6 bis 26px auf einer 10px-Basis, plus die Pillenform. Es gibt keine 12-, 16- oder 24px-Stufe.

  • rounded-sm

    6px · Tooltip- und Selektoreinsätze

  • rounded-md

    8px · Popups, kompakte Buttons

  • rounded-lg

    10px · Admin-Steuerelemente, Tabs, Sprunglink

  • rounded-xl

    14px · Buttons und Felder

  • rounded-2xl

    18px · Karten und Dialoge

  • rounded-3xl

    22px · Kopfzeilen und Bild-Panels

  • rounded-4xl

    26px · Abzeichen; Startseiten-Kopfzeile auf Tablet

  • rounded-full

    Pille · Chips, Highlight-Kopfzeilen, Kopfzeilen-Buttons, Navigationselemente, Stempel

Flächenhierarchie

Glas auf Papier: milchig-mattierte Flächen mit einer leuchtenden Linie oben und grün getönten Schatten. Reine schwarze Schatten erscheinen nie.

  • Elfenbein-Leinwand

    Die Seite. Nie reines Weiß.

  • Glaskarte

    72% Weiß, 24px Unschärfe, leuchtende Linie oben, grün getönter Schatten. Die Standardkarte.

  • Feste Karte

    Wo Glas nichts zu brechen hat - Tabellen, Formulare, Administration.

  • Dunkles Glas

    Sekundäre Kopfzeilenaktionen und dunkle Buttons; der einzige Ort, an dem goldener Text auf Beinahe-Schwarz sitzt.

  • Reisepass-Einband

    Fairway Green mit goldenem Schimmer und Konturringen. Nur Kopfzeilen und das Reisepass-Band.

  • Reisepass-Seite

    Pergament mit vierschichtiger Körnungstextur. Der geöffnete Reisepass und seine leeren Zustände.

12Bildsprache

Fotografie

Authentische Algarve im natürlichen Licht: Golf im Kontext, das Reiseziel jenseits des Platzes, entspannte Menschen. Die folgenden Fotografien sind jene, die das Produkt heute verwendet.

  • Ein Golfer geht über einen Fairway zum Grün, mit Pinien und dem Atlantik im Hintergrund

    Golf im Kontext: Fairway, Pinien, Ozean, eine entspannte Person.

    Vertrauensband der Startseite · 1024 × 1024

  • Goldene Kalksteinklippen und eine Holztreppe hinunter zu einer Bucht bei Sonnenuntergang

    Das Reiseziel jenseits des Platzes: Küste, Licht, Textur.

    Vertrauensband der Startseite · 1024 × 1024

  • Vier Golfer an einem Terrassentisch des Clubhauses mit Blick auf den Platz

    Menschliches Erlebnis: das Clubhaus, die gerade gespielte Runde.

    Vertrauensband der Startseite · 1024 × 1024

Anstreben

  • Authentische Algarve
  • Natürliches Licht, früh oder spät am Tag
  • Golf im Kontext, nicht gestellt
  • Landschaft und Ortsgefühl
  • Menschliches Erlebnis
  • Textur und Detail
  • Zeitgemäße Komposition

Vermeiden

  • Generische Stockfoto-Golfer
  • Inszenierte Schwünge und aufgesetzte Lächeln
  • Künstliches HDR
  • Übersättigung
  • Corporate-Bildsprache
  • Luxus-Klischees
  • Alles, was nicht erkennbar algarvisch ist

Bildbehandlung

Seitenverhältnis
4:3 auf Karten und Galerien unter 640px; 16:9 für Veranstaltungsbilder und Galerien ab 640px; quadratisch für Vertrauensbilder
Zuschnitt
object-cover mit einem im CMS definierten Fokuspunkt (x/y-Prozente), damit das Motiv jeden Zuschnitt übersteht
Überlagerung
Nur dort, wo Text auf der Fotografie sitzt: der grüne Verlauf im unteren Drittel (--home-card-gradient), nie ein flacher Farbton
Radius
rounded-2xl innerhalb von Karten, rounded-3xl für Bild-Panels und Kopfzeilen
Farbe
Natürliche Farbkorrektur; keine Filter, kein Duoton
Auslieferung
next/image, responsive Größen, Qualität 75 (65 für Startseitenkarten), verzögertes Laden unterhalb der Falzlinie
Barrierefreiheit
Informative Fotografien tragen relevanten Alt-Text; dekorative tragen alt=""

Fallback-Fotografie · Genehmigt am 22. Juli 2026

Die einzige zugelassene Fallback-Fotografie, angezeigt, wenn ein Club kein eigenes Bild hat. Behauptet nie, den abgebildeten Club darzustellen.

13Bildsprache

Illustration

Die Illustrationssprache ist der Stempel: eine gravierte Landschaft, in einer einzigen Tinte, des Clubs innerhalb seines Rahmens. Die handgezeichnete Kunst der Clubs und der prozedurale Generator teilen eine gemeinsame Grammatik, sodass jede zukünftige Platzillustration zur selben Sammlung gehört.

  • Reisepassstempel von Quinta do Lago: gravierte Landschaft des Platzes innerhalb seines Rahmens

    Quinta do Lago · handgezeichnet

  • Reisepassstempel von Vale do Lobo: gravierte Landschaft des Platzes innerhalb seines Rahmens

    Vale do Lobo · handgezeichnet

  • Beispiel · prozedural

Links und mittig: handgezeichnete und verifizierte Club-Kunst, wie sie in Produktion verwendet wird. Rechts: der gravierte prozedurale Generator, der jeden Club ohne zugelassene Kunst zeichnet, hier an einem synthetischen Beispiel gezeigt - alle echten Clubs verfügen bereits über veröffentlichte eigene Kunst - in seiner noch-nicht-besucht-Tinte.
Linienstärke
Gravierte Linie einer einzigen Stärke; 2,6 bis 3,2 Einheiten auf einem 200-Einheiten-Stempel für den Umriss, 1 bis 1,2 für die inneren Ringe
Geometrie
Zehn Silhouetten - Kreis, Doppelring, Oval, horizontales und vertikales Oval, Ticket, abgerundetes Quadrat, Sechseck, ausgeschnittener Stempel, Expeditions-Achteck
Perspektive
Augenhöhen-Landschaft im Rahmen: Horizont in der oberen Hälfte, Vordergrunddetail unten
Detailgrad
Ein Motiv pro Stempel, aus etwas Wahrem über den Ort - Küste, Pinien, Flussmündung, Burg, Marina, Klippe, Korkeiche
Strichbehandlung
Gummistempelränder: eine leichte SVG-Turbulenzverschiebung, die den Umriss unregelmäßig macht und kleine Lücken in der Tinte öffnet
Ecken
Koordinaten sind leicht unregelmäßig, damit nichts maschinell gefertigt wirkt
Textur
Feine Schraffuren und Punktierung in der Kunst; nie Halbton oder Fotokörnung
Farbe
Eine einzige Tinte. Fairway Green bei Verifizierung, 55% bei Ausstehend, 30% Parchment Ink bei noch nicht besucht; handgezeichnete Club-Kunst behält ihre eigene Tinte, auf dunklem Papier hell invertiert
Hintergründe
Immer auf Pergament oder transparent; nie auf einer farbigen Kachel
Schatten
Keine. Ein Stempel ist Tinte auf Papier
Komposition
Die Legende bogenförmig um runde Formen, in geraden Linien bei Tickets und Quadraten; Ort und Gründungsjahr vervollständigen den Rahmen

Kopfzeilen-Illustration

Die eigene Illustration der Kopfzeile: Konturlinien, ein gepunkteter Fairway-Pfad, ein Grün mit Flagge, ein Ball mit Dimples - gezeichnet im Akzentton und in Weiß bei niedriger Deckkraft, damit es sich wie eine Reliefkarte liest, nie wie eine Grafik.

14Bildsprache

Ikonografie

Material Symbols Outlined, lokal als Teilmenge nur mit den verwendeten Glyphen gehostet. Icons sind standardmäßig dekorativ und immer von Text oder einem zugänglichen Namen begleitet.

  • Golf
  • Startseite
  • Reisepass
  • Standort
  • Platz
  • Reiseziele
  • Ergebnis
  • Scorekarte
  • Erfolg
  • Verifiziert
  • Navigation
  • Erkunden
  • Profil
  • Sammlung
  • Veranstaltungen
  • Verzeichnis

Größenskala

Die Box einer Glyphe ist immer mit ihrer Schriftgröße gepaart.

16px
20px
24px
Familie
Material Symbols Outlined, lokal gehostete statische Teilmenge (Schriftstärke 400) - eine einzige Datei, nur mit den verwendeten Glyphen
Strich
Outlined-Grad; gefüllte Varianten werden nicht geladen und nie verwendet
Größenskala
16px (size-4 text-base), 20px (size-5 text-xl), 24px (size-6 text-2xl); eine Box ist immer mit der Schriftgröße gepaart
Ecken
Material-Rundungen; Icons werden nie neu gestaltet
Optische Ausrichtung
Glyphen werden per Flex in ihrer Box zentriert, um optisch neben Text zentriert zu wirken
Farbe
currentColor. Dekorative Icons erben die Textfarbe; die Golf-Glyphe der Highlight-Kopfzeile ist die einzige goldene Ausnahme
Barrierefreiheit
aria-hidden standardmäßig; ein reines Icon-Steuerelement hat einen eigenen zugänglichen Namen und ein 44px-Ziel
Ausnahmen
Social-Media-Marken von react-icons/fa; die Vogel-Glyphe der Birdie-Stufe (Lucide), da Material keine besitzt

15Reisepass

Golf-Stempelsystem

Der Stempel ist das zentrale Element des Reisepasses: einer pro Club, gezeichnet aus etwas Wahrem über den Ort, nur eingefärbt, wenn der Club den Besuch verifiziert. Jeder zugelassene Club hat seine eigene handgezeichnete Kunst; jeder andere Club nutzt dieselbe gravierte Grammatik.

Stempel von Quinta do Lago: ein bogenförmiger Rahmen um Pinien, einen See und ein Grün mit Flagge, mit dem Clubnamen an der Basis

Anatomie

  1. 01

    Außenform

    Eine von zehn Silhouetten; 200 × 200 Zeichenfläche, zwei Ringe, wo es die Formsprache erfordert

  2. 02

    Umriss

    Gravierte Linie einer einzigen Stärke mit Gummistempel-Unregelmäßigkeit an den Rändern

  3. 03

    Platzname

    Fraunces, Großbuchstaben, mit Laufweite; bogenförmig bei runden Formen, gerade Linie bei Tickets und Quadraten

  4. 04

    Ort

    Ortszeile - Loulé, Lagos, Ria Formosa - die den Rahmen vervollständigt

  5. 05

    Golfsymbol

    Ein graviertes Motiv, wahr über den Ort: Pinien, See, Klippe, Burg, Marina, Flussmündung

  6. 06

    Platzkennung

    Der Club-Slug verbindet die Kunst, den Pfad und das Verifizierungsregister

  7. 07

    Datum

    VERIFIED · 26 AUG 2026 innerhalb eines verifizierten Stempels; nur das Jahr bei noch nicht besucht

  8. 08

    Stufe

    Stempel zählen zu sechs Stufen; das Stufenabzeichen sitzt neben der Sammlung, nie innerhalb eines Stempels

  9. 09

    Unterzeile

    ALGARVE · PORTUGAL oder das Gründungsjahr (EST. 1974), belegt, nie erraten

Sammlungszustände

Die Kunst ändert sich zwischen Zuständen nie; nur die Tinte ändert sich. Ein noch nicht besuchter Club zeigt den echten Stempel, verblasst - nie einen Platzhalter.

  1. Quinta do Lago

    Verifiziert 26. Aug. 2026

  2. Vale do Lobo

    Zur Überprüfung ausstehend

  3. Monte Rei

    Noch nicht besucht

  • Verifiziert

    Volle Tinte. Der Club oder ein Administrator hat den Besuch bestätigt; das Datum wird gedruckt.

  • Zur Überprüfung ausstehend

    Fünfundfünfzig Prozent Tinte. Der Golfer hat den Besuch beantragt; der Stempel wartet auf Verifizierung.

  • Noch nicht besucht

    Auf dreißig Prozent Parchment Ink verblasst - der Golfer sieht den Stempel, den er verdienen wird.

Zugelassene Stempel

Jeder zugelassene Stempel, in der Größe, in der ihn der Reisepass druckt.

  • Reisepassstempel von Alto Golf

    Alto Golf

  • Reisepassstempel von Amendoeira

    Amendoeira

  • Reisepassstempel von Balaia

    Balaia

  • Reisepassstempel von Benamor

    Benamor

  • Reisepassstempel von Boavista

    Boavista

  • Reisepassstempel von Castro Marim

    Castro Marim

  • Reisepassstempel von Espiche

    Espiche

  • Reisepassstempel von Gramacho

    Gramacho

  • Reisepassstempel von Monte Rei

    Monte Rei

  • Reisepassstempel von Morgado

    Morgado

  • Reisepassstempel von Ombria

    Ombria

  • Reisepassstempel von Penina

    Penina

  • Reisepassstempel von Pine Cliffs

    Pine Cliffs

  • Reisepassstempel von Pinheiros Altos

    Pinheiros Altos

  • Reisepassstempel von Quinta da Ria

    Quinta da Ria

  • Reisepassstempel von Quinta do Lago

    Quinta do Lago

  • Reisepassstempel von Quinta do Vale

    Quinta do Vale

  • Reisepassstempel von Salgados

    Salgados

  • Reisepassstempel von San Lorenzo

    San Lorenzo

  • Reisepassstempel von Santo António

    Santo António

  • Reisepassstempel von Silves

    Silves

  • Reisepassstempel von Vale da Pinta

    Vale da Pinta

  • Reisepassstempel von Vale de Milho

    Vale de Milho

  • Reisepassstempel von Vale do Lobo

    Vale do Lobo

  • Reisepassstempel von Vila Sol

    Vila Sol

  • Reisepassstempel von Vilamoura

    Vilamoura

  • Reisepassstempel von Palmares

    Palmares

Digital und physisch

Physischer Reisepass
Tinte auf Pergament am Empfang des Clubs. Der digitale Stempel spiegelt seine Proportionen und dieselbe Einzeltinten-Sprache.
Web-App
96px-Slots auf Mobilgeräten, 144px ab 640px, im Pergament-Stempelraster; Bildunterschrift und Statuszeile darunter, nie darin.
Mobil
Drei Spalten ab 320px; die Kunst sinkt nie unter 80px.
Erfolgskarten
Der verifizierte Stempel neben seinem Datum und seiner Stufe; das Stufenabzeichen ist ein separater Ring, kein Stempel.
Soziale Medien
VORGESCHLAGEN: ein Stempel auf Pergament mit Clubname und Datum, nie eine Collage aus mehreren.
Werbematerialien
VORGESCHLAGEN: Stempel erscheinen nur für Clubs, die ihre Kunst genehmigt haben.

Lassen

  • Einen Stempel nicht umfärben oder mit einer Farbfüllung versehen
  • Keine parallelen Schatten oder Relief hinzufügen
  • Nicht über die festen ±6°-Neigungsfamilien hinaus drehen
  • Keinen Stempel für einen Club erfinden, der seine Kunst nicht genehmigt hat
  • Einen Stempel nicht über eine Fotografie legen
  • Kein Platzhalter-Icon für einen noch nicht besuchten Club verwenden - den echten Stempel verblassen lassen

16Reisepass

Identität der Golfclubs

Golf Passport stellt den Rahmen bereit; jeder Club behält seine eigene Identität darin. Ein Club erscheint mit seinem offiziellen Namen, seinem Ort, seiner eigenen Fotografie und seinem zugelassenen Stempel - niemals mit einem umgefärbten Logo oder einer erfundenen Marke.

Golf Passport stellt bereit

  • Den Stempelrahmen und die Tintensprache
  • Das Register und das Verifizierungsdatum
  • Die Clubkarte, Fakten und den Pfad
  • Das Stufensystem, für das der Stempel zählt

Der Club behält

  • Seinen eigenen Namen, Logo und Farben
  • Seine Fotografie und Galerie
  • Seine Social-Kanäle und Kontakt
  • Die Genehmigung über die Kunst seines Stempels

Dargestellte Felder

  • Offizieller Clubname
  • Platzname(n) und Layouts
  • Ort · Gemeinde
  • Vorgestelltes Foto mit Fokuspunkt
  • Reisepassstempel
  • Status der verifizierten Informationen
  • Dienstleistungen und Zugangsmodell

Das visuelle System von Golf Passport ist der Rahmen; die eigene Identität eines Clubs ist der Inhalt. Club-Logos werden nie umgefärbt, in den Stempel geschnitten oder ohne Genehmigung auf das Grün von Golf Passport gelegt.

17Reisepass

Reisepass und Sammelsprache

Sammelbar, authentisch und lohnend - niemals kindlich gamifiziert. Fortschritt entsteht ausschließlich durch verifizierte Stempel; nichts wird gekauft, manuell aktiviert oder durch Einloggen gewährt.

Stufen

Sechs Stufen mit festen Schwellenwerten für die Anzahl der Clubs, ein Stempel pro Stufe. Die Obergrenze von Citizen folgt der Anzahl veröffentlichter Clubs, damit sie immer erreichbar bleibt.

  1. Explorer

    1 Club

  2. Birdie

    2–4 Clubs

  3. Eagle

    5–10 Clubs

  4. Albatross

    11–20 Clubs

  5. Ambassador

    21–26 Clubs

  6. Citizen

    27+ Clubs

Das Beispiel zeigt einen Golfer auf der Stufe Birdie. Eine erreichte Stufe füllt den Stempel mit Fairway Green und einem goldenen Ring; eine noch zu erreichende Stufe behält den gestrichelten Pergament-Ring.

Vokabular

Reisepass
Das private Register des Golfers. Wird beim ersten Login verzögert erstellt; nie mit anderen Nutzern geteilt.
Stempel
Ein Club, ein Stempel. Vom Golfer beantragt, bei Verifizierung eingefärbt.
Antrag
Ein zur Überprüfung eingereichter Besuch - per Standortprüfung im Club oder namentlich.
Verifiziert
Von einem autorisierten Clubvertreter oder Administrator bestätigt. Der einzige Weg zur vollen Tinte.
Stufe
Von Explorer bis Citizen, abgeleitet aus der Anzahl verifizierter Stempel. Nie gekauft, nie manuell aktiviert.
Fortschritt
„12 von 27 Stempeln · Birdie“ - die Zählung in der goldenen Serif des Reisepasses.
Meilenstein
Die nächste Stufe und wie viele Clubs fehlen: „Noch 3 Clubs bis Eagle.“
Vervollständigung
Citizen: alle berechtigten Einrichtungen verifiziert. „Sie haben alle Stufen des Reisepasses freigeschaltet.“

Leere und noch zu erreichende Zustände

Eine Sammlung, die auf ihren Beginn wartet, ist eine Seite des Reisepasses, keine gestrichelte Umrissbox.

Beispiel der Erst-Nutzungs-Zeile des Reisepasses; die Aktion führt zu Ihrem Reisepass.

18Produkt

UI-Designsystem

Die Sprache des digitalen Produkts, gezeigt mit den tatsächlichen Produktkomponenten. Nichts auf dieser Seite ist ein Mockup einer Komponente; es ist die Komponente selbst.

Buttons

Standardhöhe 36px, 14px-Ecken, Inter 600. Der primäre trägt eine Champagner-Linie und einen grünen Schatten; der destruktive ist eine sanfte Terrakotta-Waschung, nie sattes Rot.

Kopfzeilen-Button

Abzeichen und Status

Zwanzig-Pixel pillenförmige Buttons in Inter 500. Statusabzeichen paaren ein Icon mit dem Wort; Farbe vermittelt Status nie allein.

StandardSekundärUmrissHervorgehobenpendingverifiedrejectedrevoked

Karten

Glas auf Papier: 72% Weiß, 24px Unschärfe, eine leuchtende Linie oben und ein 18px-Radius. Inhaltskarten, Reisepass-Panels und Stempelseiten sind Variationen davon.

Inhaltskarte
Titel in Fraunces 500, Beschreibung in Inter, 24px Polsterung.
Die Standardfläche für Listen und Panels. Hebt sich beim Hover auf Desktop um vier Pixel.
Reisepasskarte
Pergamenttextur für den geöffneten Reisepass.
Stempel, Stufen-Zeitleiste und leere Zustände leben auf diesem Papier.
Scorekarte
Zahlen in IBM Plex Mono.

72 · 36 · 36

Gesamt · Hin · Zurück

Navigation

Eine 260px-Glas-Seitenleiste ab 1024px, mit Elementen als 44px-Button; eine 64px-Glas-Kopfzeile und eine fünfspaltige untere Leiste darunter. Breadcrumbs und unterstrichene Tabs teilen dieselbe Stimme.

  • Golf Passport
  • Startseite
  • Golfclubs
  • Reiseziele

Formulare

40px-Steuerelemente mit 14px-Ecken, einer Champagner-Linie im Ruhezustand und einem soliden goldenen Umriss mit Schimmer beim Fokus. Fehler ändern den Umriss auf Terrakotta und werden immer schriftlich angezeigt.

Geben Sie eine gültige E-Mail-Adresse ein.

Rückmeldung

Benachrichtigungen bestätigen abgeschlossene Ergebnisse. Alerts stellen einen Fakt fest und bieten, wenn idempotent, einen erneuten Versuch. Leere Zustände benennen den Zustand und geben eine einzige nächste Aktion. Skelette behalten die endgültige Geometrie.

  • InformationIhr Live-Standort wird nur geprüft, wenn Sie ihn anfordern.
  • ErfolgIhr Antrag wurde zur Überprüfung eingereicht.
  • WarnungIhr Antrag bleibt ausstehend, bis ihn ein autorisierter Verifizierer prüft.
  • FehlerWir konnten Sie nicht anmelden. Überprüfen Sie Ihre Angaben und versuchen Sie es erneut.

Beispiel für leeren Zustand: ein Titel, der den Zustand benennt, ein Satz, keine Aktion.

19Produkt

Komponenten

Die Golfclub-Karte ist die am häufigsten wiederholte Komponente des Produkts und der klarste Beweis für das System: Fotografie, Name in Serif, ausgerichtete Fakten, tabellarische Zahlen und eine klare Aktion.

Golfclub Penina Hotel & Golf ResortEmpfohlen
Penina, Portimão

Penina Hotel & Golf Resort

ÖffentlichVerifizierte Angaben

Das historische Herz des Golfsports in der Algarve, verbindet Tradition mit modernen Meisterschaftsstandards.

27Löcher
108Par
RestaurantPro-ShopAkademie+1 weitere
Platz ansehen

Die echte Komponente mit echten veröffentlichten Daten, genau wie sie im Verzeichnis erscheint.

Anatomie

  1. 01Platzbild — 4:3, object-cover mit CMS-Fokuspunkt; Featured- und Status-Chips schweben in den Ecken
  2. 02Ortszeile — Pin-Icon, Ort und Gemeinde in 13px Schiefer-Tinte
  3. 03Clubname — Fraunces 28px, maximal zwei Zeilen
  4. 04Fakten — Zugangsmodell · Umgebung · verifiziertes-Info-Abzeichen
  5. 05Zusammenfassung — Zwei Zeilen zu 14px, abgeschnitten
  6. 06Zahlen — Löcher und Par als fette 24px-Tabellenzahlen mit Laufweiten-Labels
  7. 07Aktionen — Umriss-Link „Platz ansehen“; goldener Schnellstart „Scorekarte“ nur, wenn Daten vorhanden sind

Zustände

Standard
Glas-Inhalt auf einer transparenten Karte mit dünnem Rahmen und leichtem Schatten
Hover (Desktop)
Vier Pixel Erhöhung, Foto auf 105% in 500ms, ein Lichtschimmer
Fokus
Die gesamte Karte ist der Link: ein 3px-Moos-Ring auf dem Kartenumriss
Hervorgehoben
Ein weißer Chip oben links; der Status-Chip oben rechts
Ohne Bild
Die einzige zugelassene Fallback-Fotografie, nie eine graue Box
Ohne Scorekarten-Daten
Der Schnellstart-Button fehlt, ist nicht deaktiviert

Tun

  • Die gesamte Karte als einen einzigen Link mit einer einzigen sichtbaren Aktionszeile halten.
  • Löcher und Par nur anzeigen, wenn ein spielbares Layout existiert.
  • Das Foto des Clubs die Farbe tragen lassen; die Karte bleibt aus Glas.

Lassen

  • Ein redundantes „Clubprofil ansehen“-Label innerhalb der Karte hinzufügen.
  • Preise, Abschlagzeiten oder Bewertungen anzeigen, die das Produkt nicht hat.
  • Eine Aktion visuell deaktivieren, die für diesen Club einfach nicht existiert.

20Produkt

Bewegung

Bewegung kommuniziert, sie schmückt niemals. Eine einzige exponentielle Ease-out-Kurve, drei Dauern, Feiern, die nur einmal geschehen, und keine Bewegung, wenn reduzierte Bewegung bevorzugt wird.

Kurve
cubic-bezier(0.16, 1, 0.3, 1)Ein einziges exponentielles Ease-out überall
Buttons und Felder
300msFarbe, Rahmen und Schatten
Glasflächen
400msErhöhung und Aufhellung beim Hover
Hover
−4px Erhöhung, Foto auf 105% in 500msNur Desktop (md:); Touch erbt nie einen hängenden Hover
Drücken
1px nach unten oder 98% SkalierungButtons verschieben sich; Kopfzeilen-Buttons ziehen sich zusammen
Enthüllung
28px Erhöhung in 700ms, einmaligAbschnitte erscheinen, wenn 10% sichtbar sind
Kopfzeilen-Eintritt
16px Erhöhung, 600–700ms, 80ms-SequenzierungNur Transformation, damit größerer Text das erste Rendering nie verzögert
Seitenübergang
KeinerServer-Navigation; Inhalt, keine Choreografie
Modal
Einblenden und Zoom auf 95%Dialoge und Panels über die gemeinsamen Komponenten
Stempel-Enthüllung
420ms Überschwingencubic-bezier(0.34, 1.56, 0.64, 1) - die Ankunft des Stempels; das einzige erlaubte Überschwingen
Stufen-Schimmer
900ms Lichtstreifen, einmaligTritt nach Abschluss einer Stufe auf; nie wiederholt
Laden
Skelette behalten die endgültige GeometrieKeine reinen Ladeindikator-Seiten, wenn die Struktur bekannt ist

Hover

Die Erhöhung

cubic-bezier(0.16, 1, 0.3, 1) · 400ms

Fahren Sie mit einem Desktop-Zeiger über die Karte: eine Erhöhung um vier Pixel, helleres Glas und ein tieferer grüner Schatten in 400ms auf der Systemkurve. Touch-Geräte und die Präferenz für reduzierte Bewegung erhalten es nie.

21Stimme

Stimme und Ton

Die Marke spricht wie ein sachkundiger Gastgeber: sicher in dem, was sie weiß, neugierig auf den Ort, und niemals lauter als der Golfer.

  • Selbstsicher

    Stellt fest, was verifiziert ist, und hält dort inne.

  • Klar

    Kurze Sätze, jeder mit einem einzigen Gedanken, aktive Stimme.

  • Neugierig

    Zeigt über den Platz hinaus - auf das Dorf, die Küste, den nächsten Club.

  • Einladend

    Spricht den Golfer als Gast an, nie als Nutzer.

  • Präzise

    Unterscheidet verifizierte, geschätzte, redaktionelle und KI-generierte Aussagen.

  • Zeitgemäß

    Klares, neutrales Deutsch; keine Golfclub-Förmlichkeit, kein Startup-Jargon.

  • Reiseziel-orientiert

    Die Algarve ist ein Charakter, kein Standortfeld.

Ton nach Kontext

Dieselbe Stimme, angepasst an den Kontext. Jedes Beispiel ist echter Produkttext, sofern nicht als vorgeschlagen gekennzeichnet.

  1. Marketing

    Einladend und konkret

    Discover golf courses, clubs and events across the Algarve - play more rounds and build your own Golf Passport.

    Quelle: Einleitung der Startseite

  2. Produkt-Interface

    Direkt und beruhigend

    Collect verified stamps from Algarve golf facilities and build your own golf story.

    Quelle: Kopfzeile des Reisepasses

  3. Golfclubs

    Sachlich und respektvoll

    Publication and operational facts are checked before they appear.

    Quelle: Vertrauensband der Startseite

  4. Erfolge

    Warm und zurückhaltend

    Your first stamp is one round away.

    Quelle: Erst-Nutzungs-Zeile des Reisepasses

  5. Fehlermeldungen

    Ruhig, handlungsorientiert, ohne Schuldzuweisung

    We could not sign you in. Check your details and try again.

    Quelle: Anmeldeformular

  6. Benachrichtigungen

    Kurze Bestätigung eines abgeschlossenen Fakts

    Your claim was submitted for review.

    Quelle: Antragsformular

  7. Soziale Medien

    Vorgeschlagen

    Ein Club, ein Bild, eine Zeile

    Monte Rei, verified. 21 of 27 stamps.

    Quelle: Vorgeschlagen

  8. Redaktionell

    Sachkundig, ohne Eile

    The Algarve, in southern Portugal, is one of Europe's leading golf destinations - home to championship courses, welcoming golf clubs and a packed calendar of golf events.

    Quelle: Golf in the Algarve

22Stimme

Redaktioneller Schreibstil

Klare, prägnante und aktive Sprache. Kurze Sätze, jeder mit einem einzigen Gedanken.

Bevorzugen

  • Klare, prägnante und aktive Sprache
  • Kleinschreibung am Satzanfang im Interface-Text; Großbuchstaben nur für Labels mit Laufweite
  • Klares, neutrales Deutsch, mit lokalem Datumsformat
  • Primäre Aktionen mit zwei bis vier Wörtern und einem einzigen Verb: Clubs erkunden, Besuch beantragen
  • Produktnamen groß geschrieben: Reisepass, Golf Passport, Golf-Netzwerk, Golf-Verzeichnis
  • „Golfclub“ für das verifizierte Register; „Club“ im Gespräch

Vermeiden

  • Unternehmensjargon (hebeln, nahtlose Integration, Lösung)
  • Leere Superlative (weltklasse, branchenführend)
  • Generische Luxussprache (exklusiv, verwöhnend, maßgeschneidert)
  • Ausrufezeichen im Interface-Text
  • Künstliche Dringlichkeit (jetzt zugreifen, letzte Chance, verpassen Sie nicht)
  • Klischees (versteckte Perle, Golferparadies)

Längenbegrenzungen

Text muss in zehn Sprachen passen. Diese Grenzen sind ein Interface-Vertrag, keine Stilpräferenz.

FlächeGrenze
Chip≤ 18 Zeichen, keine Sätze
Abzeichen≤ 16 Zeichen
Primärer CTA2 bis 4 Wörter, ein einziges Aktionsverb
Platztitel auf einer KarteZwei Zeilen; vollständiger Titel auf der Detailseite

23Stimme

Soziale Medien

Es gibt im Produkt noch keine Vorlagen für soziale Medien. Die folgenden Regeln erweitern die bereits implementierte Identität auf soziale Formate und sind Vorschläge, bis die erste zugelassene Vorlage hier veröffentlicht wird.

FormateVorgeschlagen

  • Instagram-Feed

    1080 × 1350 (4:5). Eine Fotografie, die Marke unten links bei 96px, eine Zeile in Fraunces.

  • Stories- und Reels-Cover

    1080 × 1920. Fairway-grüner oder Pergament-Hintergrund; zentrierter Stempel oder Stufenabzeichen; sichere Zonen von 250px oben und unten.

  • Facebook und LinkedIn

    1200 × 630. Fotografie mit grünem Verlauf im unteren Drittel; Titel in Fraunces, zweite Zeile in Champagne Gold.

  • Golfclub-Anzeigen

    Foto des Clubs plus sein zugelassener Stempel auf Pergament; Clubname in Fraunces; „Bereits auf Golf Passport“.

  • Erfolge teilen

    Ein Stempel, das Datum, die Stufe. Pergament-Hintergrund. Nie ein Raster aus mehreren Stempeln.

  • Kampagnen

    Fairway-grüner Hintergrund mit Konturringen, Highlight-Zeile in Champagne Gold, weißer CTA-Button.

BehandlungVorgeschlagen

Logo-Platzierung
Unten links oder oben links, mit einem Viertel Höhe Schutzraum, nie über einem Gesicht
Typografie
Fraunces für die Hauptzeile, Inter für jede Bildunterschrift; keine dritte Familie
Bildbehandlung
Natürliche Farbkorrektur; grüner Verlauf im unteren Drittel nur, wenn Text auf der Fotografie sitzt
Farbe
Nur Fairway Green, Ivory, Parchment und Champagne Gold
CTA
Weißer Button auf Grün, oder grüner Button auf Elfenbein; zwei bis vier Wörter
Stempel und Stufen
Nur echte zugelassene Kunst, eine pro Ressource, auf Pergament

24Stimme

Tun / Lassen

Das gesamte System in sieben Gegenüberstellungen.

  1. Logo

    Tun

    Die offizielle SVG-Marke bei 24px oder größer zeigen, mit Schutzraum.

    Lassen

    Sie rastern, umfärben oder auf die historische Notizbuch-Marke zurückgreifen.

  2. Farbe

    Tun

    Fairway Green auf Elfenbein, mit Gold für Chips, Ringe und Linien reserviert.

    Lassen

    Panels mit Gold füllen, goldenen Text auf Weiß setzen, oder eine fünfte Statusfarbe hinzufügen.

  3. Typografie

    Tun

    Fraunces 400 für Überschriften; Inter für alles, was ein Golfer bedient.

    Lassen

    Fließtext oder Buttons in der Serif setzen, oder die künstliche Schriftstärke 800 verwenden.

  4. Fotografie

    Tun

    Natürliches Licht, echte Algarve-Orte, Golf im Kontext.

    Lassen

    Stockfoto-Schwünge, HDR-Himmel, Übersättigung, generische Resorts.

  5. Stempel

    Tun

    Ein zugelassener Stempel pro Club, einzelne Tinte, verblasst bei noch nicht besucht.

    Lassen

    Kunst erfinden, Farbfüllungen oder Schatten hinzufügen, über Fotografien legen.

  6. Interface

    Tun

    Glas auf Papier, eine einzige Radiusskala, 44px-Ziele, sichtbarer Fokus.

    Lassen

    Schwarze Schatten, willkürliche Radien, Endlosanimation, nur-Hover-Zustände.

  7. Stimme

    Tun

    „Ihr erster Stempel ist nur eine Runde entfernt.“

    Lassen

    „Schalten Sie EPISCHE Belohnungen frei - verpassen Sie es nicht!!!“

25Standards

Barrierefreiheit

Barrierefreiheit ist eine Eigenschaft der Marke, keine Compliance-Checkliste. Jede folgende Regel ist in den gemeinsamen Komponenten des Produkts umgesetzt.

Standard
WCAG 2.2 AA ist das Mindestziel für alle öffentlichen und Admin-Flächen.
Farbkontrast
Text erreicht 4,5:1; goldener Champagner-Text sitzt nur auf Fairway Green oder dunklem Glas, wechselt auf hellen Flächen zu Fairway Green Deep.
Typografische Mindestwerte
14px als Arbeitsgröße; 16px auf mobilen Feldern; 10–11px nur für Labels mit Laufweite und Tabellendaten reserviert, nie für aufgabenrelevanten Text.
Fokuszustände
Immer sichtbar: solider goldener Umriss und Schimmer bei Buttons und Feldern, ein 3px-Moos-Ring bei Links und Abzeichen ohne Umriss, weißer Ring auf Grün.
Tastatur
Alle Steuerelemente in Reihenfolge zugänglich; ein Sprunglink zum Hauptinhalt; Dialoge erfassen und stellen den Fokus wieder her.
Berührungsziele
Mindestens 44 × 44px; native Selektoren haben ein globales Minimum.
Alt-Text
Informative Bilder beschreiben; dekorative Bilder, Icons und Stempelkunst sind aria-hidden oder alt="".
Reduzierte Bewegung
Alle Animations-Utilities und Bewegungsenthüllungen werden mit der Präferenz prefers-reduced-motion entfernt; Hover-Erhöhungen sind nur für Desktop.
Semantische Struktur
Ein einziges H1, geordnete Überschriften, Landmarks (header, nav, main, footer), Listen für Listen.
Screenreader
Status wird nie allein durch Farbe vermittelt; dynamische Regionen für Zähler; reine Icon-Steuerelemente sind benannt.

Kontrast

Zugelassene Text-auf-Fläche-Kombinationen mit ihrem gemessenen WCAG-Kontrastverhältnis.

  • Charcoal Ink auf Ivory Canvas14.30:1AA
  • Slate Secondary Ink auf Card White5.69:1AA
  • Heritage Gold Ink auf Card White5.82:1AA
  • Card White auf Fairway Green11.67:1AA
  • Champagne Gold auf Fairway Green5.44:1AA
  • Fairway Green Deep auf Heritage Gold5.44:1AA
  • Parchment Ink auf Parchment10.17:1AA

26Standards

Download digitaler Ressourcen

Jede folgende Datei ist die Ressource, die das Produkt tatsächlich verwendet - dieselben Pfade, die die Website ausliefert. Nichts hier ist ein Platzhalter.

Logos

Die offizielle Marke und ihre Plattform-Ableitungen.

Reisepass-Kunst

Der physische Einband des Reisepasses, wie er in der Produktkopfzeile verwendet wird.

Stempel

Handgezeichnete und verifizierte Clubstempel, wie sie in Produktion im Reisepass verwendet werden. Jeder gehört zu seinem Club - siehe Identität der Golfclubs.

Fotografie

Zugelassene Bildsprache im Einsatz auf der Startseite, plus die einzige zugelassene Fallback-Fotografie.

Markenressourcen

Farb-, Typografie- und Token-Referenzen befinden sich auf dieser Seite; die Tokens selbst befinden sich im Stylesheet des Produkts.

Kopieren Sie jede Farbe oder jedes Token aus dem obigen Farbsystem. Design-Tokens werden einmalig im globalen Stylesheet des Produkts deklariert; eine herunterladbare Token-Datei wird für eine zukünftige Überarbeitung vorgeschlagen.

Social-Media-Vorlagen

Vorlagen für Instagram, Stories, Facebook und LinkedIn.

Es gibt noch keine zugelassenen Social-Media-Vorlagen. Der Abschnitt Soziale Medien beschreibt die vorgeschlagenen Formate; die erste zugelassene Vorlage wird hier veröffentlicht.

27Standards

Markengovernance

Diese Seite ist die offizielle und maßgebliche Markenreferenz von Golf Passport Algarve.

Version
Markenrichtlinien · v1.0
Zuletzt aktualisiert
2026-09-03
Eigentümerschaft
Golf Passport Algarve / AlgarveOfficial
Kanonische URL
golf.algarveofficial.com/brand
Markenkontakt
info@algarveofficial.com
  • Alle Werte, die das Produkt in Produktion beschreiben, stammen aus dem eigenen Code und den Ressourcen des Produkts und werden durch automatisierte Tests verifiziert.
  • Eine als VORGESCHLAGEN gekennzeichnete Regel erweitert die Identität über das hinaus, was das Produkt heute umsetzt, und wird erst offiziell, wenn sie hier ohne diese Kennzeichnung veröffentlicht wird.
  • Logos, Namen und Fotografien von Golfclubs bleiben Eigentum jedes Clubs, und dieses System repräsentiert sie, verändert sie niemals.

Dieses Dokument ändern

  1. 01Die Änderung zusammen mit der Produktänderung vorschlagen, die sie motiviert.
  2. 02Den Inhalt der Richtlinien und ihre Tests in derselben Änderung aktualisieren.
  3. 03Die Überarbeitung im folgenden Änderungsprotokoll erfassen und die Version aktualisieren.

28Standards

Version / Änderungsprotokoll

  1. v1.0

    September 2026

    Anfängliches digitales Markensystem.

    • Dokumentiert die am 1. September 2026 eingeführte offizielle Marke und ihre Ableitungen.
    • Kodifiziert die umgesetzten Farb-Tokens, die Typografie Fraunces / Inter / IBM Plex Mono, die Radiusskala und die Glas-auf-Papier-Flächen.
    • Spezifiziert das Golf-Stempelsystem: zehn Silhouetten, Einzeltinten-Motive, drei Sammlungszustände und die zugelassenen Clubstempel.
    • Schlägt Schutzraum, Mindestgröße und Formate für soziale Medien vor, vorbehaltlich der Genehmigung.

Golf Passport Algarve

Markenrichtlinien

v1.0 · 2026Offizielle Markenreferenz.

Zurück zu Golf Passport Algarve

AlgarveOfficial