Skip to main content
Golf AlgarveOfficial

Golf Passport Algarve

Brand Guidelines

The visual language behind the passport to Algarve golf.

Version
v1.0
Updated
Status
Official reference
Download brand assets

01Foundation

Brand Overview

Golf Passport Algarve is the passport to discovering, playing and collecting the Algarve. It turns a golf trip into a record: every verified round becomes a stamp, every stamp builds a level, and the whole collection tells the story of a golfer's Algarve.

Purpose
To give golfers one trusted companion for the Algarve - before, during and after the trip - and to give the region's golf clubs and partners a way to be found by the golfers who are already on their way.
Vision
To become the trusted digital companion for every golfer visiting or playing in the Algarve, and the relationship layer between golfers and the Algarve golf ecosystem.
Mission
Publish verified golf information, let golfers record and collect their rounds, and connect them with the clubs, destinations and services that make an Algarve golf trip.
Brand promise
Discover, plan, play and remember the best golf experiences in the Algarve. Facts are checked before they appear; a stamp is only ever inked after a club or administrator verifies the visit.

Audience

Who the brand speaks to, in the order the product meets them.

  • Golf travellers

    Planning a trip and deciding which courses to play.

  • Algarve visitors

    Already in the region, looking for what is close and what is next.

  • International golfers

    Ten interface languages; English is the canonical edition.

  • Golf enthusiasts

    Collecting stamps, levelling from Explorer to Citizen.

  • Golf clubs

    Represented with verified facts and their own collectible stamp.

  • Tourism partners

    Shops, transfers, rentals and coaches in the Golf Directory.

  • Destination partners

    Municipalities, events and the wider Algarve.

Name architecture

Three names appear in the shipped product. Each has one job.

  1. 01

    Golf AlgarveOfficial

    Platform and publisher name

    The site title, the header lock-up beside the mark, the copyright line, the Passport issuer and the Organization in structured data. Always one word for "AlgarveOfficial", never "Algarve Official".

  2. 02

    Golf Passport

    The product

    The collectible itself and its navigation label. A fixed brand term: it renders exactly as "Golf Passport" in every one of the ten locales and is never translated.

  3. 03

    Golf Passport Algarve

    The programme and brand name

    The full name used for the brand, this guideline and the physical cover ("Algarve Golf Passport" on the printed booklet). Use it when the destination needs to be explicit.

02Foundation

Brand Story

The Algarve has been one of Europe's great golf coasts since the first fairways were laid at Penina in 1966 and Vale do Lobo in 1962. Dozens of clubs followed along the coast and into the hills - each with its own character, its own pines and cliffs and rias.

Golf Passport Algarve started from a simple observation: golfers remember courses the way travellers remember countries. A round at Quinta do Lago or Monte Rei deserves the same small ceremony as a border crossing - a stamp, a date, a page that fills up over the years.

So the brand looks like the object it is named after: a well-made travel passport kept in a quiet clubhouse. Deep fairway green is the cover, warm ivory and parchment are the pages, and a single heritage gold is the foil. The digital product keeps that tactility - frosted glass over paper, stamps that ink in when a club verifies a visit, levels that are earned rather than bought.

Golf is the reason to begin. The Algarve is the reason to keep going.

Golf Passport Algarve

03Foundation

Brand Essence

Four verbs, taken from the product itself: the cover is embossed with them, the Passport asks for them, the Golf Network completes them.

  1. Discover

    The Algarve extends beyond the course.

    Clubs, destinations, events and the Golf Directory - verified before they are published.

  2. Play

    Golf is the reason to begin.

    The digital scorecard records the round; the club verifies the visit.

  3. Collect

    Every round becomes part of the passport.

    A stamp per club, six levels from Explorer to Citizen, a collection that fills up over years.

  4. Connect

    The product connects golfers with the destination.

    Golf clubs, the Golf Network and the region's partners share one platform.

04Foundation

Brand Positioning

Positioning statement

For golfers who travel to play, Golf Passport Algarve is the destination companion that turns Algarve golf into a verified, collectible record - because it is built with the region's clubs, and every fact and every stamp is checked before it appears.

Category
Destination golf companion and collectible Passport
Territory
The Algarve, Portugal - all sixteen municipalities
Differentiator
Verified information and club-verified stamps, not self-reported badges
Register
Premium through restraint - never "luxury"

We say

  • premium
  • verified
  • collect
  • discover
  • the Algarve
  • golf facility
  • stamp

We avoid

  • luxury
  • exclusive
  • unlock
  • epic
  • gamified
  • badge farm
  • the Algarve coast of Spain

05Foundation

Brand Personality

Each trait is held against its excess. The brand sits deliberately short of the extreme on every axis.

  1. Not Ostentatious

    Quality shows in typography and spacing, not in ornament.

    Premium

  2. Not Arrogant

    States facts; never boasts or ranks clubs by taste.

    Confident

  3. Not Informal

    Warm and direct, without slang or exclamation marks.

    Welcoming

  4. Not Trendy

    A serif and frosted glass, held for years, not a season.

    Contemporary

  5. Not Rustic

    Real cork oaks and rias in the stamps; no faux-vintage grunge.

    Authentic

  6. Not Childish

    Stamps, levels and a golf game on the homepage - with grown-up restraint.

    Playful

  7. Not Clinical

    Verified, estimated and editorial claims are always distinguished.

    Precise

  8. Not Provincial

    Rooted in sixteen municipalities, written for an international audience.

    Local

06Foundation

Brand Principles

  1. 01 — Destination first

    Golf is the entry point to the Algarve experience. Every surface should make the region - its light, coast, hills and towns - as present as the course.

  2. 02 — Make it collectible

    The Passport creates a sense of progress and discovery: one stamp per club, six levels, a collection that is never finished in a single trip.

  3. 03 — Premium through restraint

    Quality comes from typography, spacing, composition and detail - not decoration. One colour family, gold held back to accents.

  4. 04 — Digital, but tactile

    The product keeps the emotional qualities of a physical passport: paper grain, security print, ink that deepens when a visit is verified.

  5. 05 — Consistency creates recognition

    Every stamp, badge, card and interaction belongs to the same system. One radius scale, one motion curve, one icon family.

  6. 06 — Verified over impressive

    A fact is published when it has been checked. A stamp is inked when a club confirms it. The brand would rather show less than claim more.

08Identity

Logo Usage

  • Render the SVG, never a rasterised copyOfficial

    The mark is a full-bleed square SVG that scales losslessly. In the product it is rendered directly through the shared logo component; routing it through an image optimiser rasterises it to a capped-resolution WebP.

  • Alt text follows contextOfficial

    A standalone mark carries alt="Golf AlgarveOfficial". Beside the written name, or inside a link that already has an accessible name, the mark is decorative (alt="").

  • Icons are the mark, edge to edgeOfficial

    Every raster icon (iOS, PWA 192 and 512) fills its square with the mark's own green - the mark is never inset on a page-background tile. #f7f4ed is only the PWA splash colour behind the icon.

  • The mark's green is not a UI tokenOfficial

    #017658 belongs to the logo artwork. Interface surfaces use Fairway Green (--primary); never recolour the mark to match a surface, and never paint a surface with the mark's green.

  • Clear spaceProposed

    Keep a margin of at least one quarter of the mark's height on every side free of other artwork and text. The header uses a 12px gap at a 32px mark.

  • Minimum sizeProposed

    24px on screen (the header renders it at 32px); 8mm in print.

Backgrounds

Approved grounds are the brand's own surfaces. Photography and gold compete with the mark.

  • Ivory Canvas

  • Card White

  • Fairway Green

  • Parchment

  • On photography

  • On gold

Clear spaceProposed

An exclusion zone of one quarter of the mark's height on every side.

Minimum sizeProposed

24px on screen, 8mm in print. The header renders the mark at 32px.

24px
32px · header
48px

Incorrect usage

Each example shows a treatment the mark never receives.

  • Distorted

  • Rotated

  • Recoloured

  • Effects added

  • Proportions altered

  • Historical mark

  • Do not distort or stretch
  • Do not rotate
  • Do not recolour
  • Do not add shadows, glows or outlines
  • Do not alter the tee-to-globe proportions
  • Do not place on busy photography or on the historical booklet mark

09Identity

Colour System

Every colour is a semantic token declared once in the product's stylesheet. The name is how designers talk about it; the token is what the code uses; the hex is what it resolves to in the light theme.

≈ 70%Neutral
Ivory canvas, white cards, charcoal text - the structure.
≈ 25%Fairway Green
Identity: heroes, primary actions, the Passport cover.
≈ 5%Gold
Moments of attention: a featured chip, a stamp ring, a focus glow.

Primary

The core Golf Passport identity: fairway green as cover material, deep green for text on gold and light glass, moss for focus.

  • Fairway Green

    Primary buttons, hero panels, passport cover, active navigation

    HEX
    RGB
    HSL
    Token

  • Fairway Green Deep

    Text on gold and on light glass where gold would fail contrast

    HEX
    RGB
    HSL
    Token

  • Moss Ring

    Default focus ring; second chart series

    HEX
    RGB
    HSL
    Token

Secondary

The paper: an ivory canvas that is never pure white, mist fills for secondary controls, and the parchment of the open Passport.

  • Ivory Canvas

    Page background

    HEX
    RGB
    HSL
    Token

  • Card White

    Solid card and popover surfaces; text on green

    HEX
    RGB
    HSL
    Token

    Also declared as --popover, --primary-foreground

  • Mist Secondary

    Secondary button fill

    HEX
    RGB
    HSL
    Token

  • Mist Muted

    Hover fills, empty states, skeletons

    HEX
    RGB
    HSL
    Token

  • Parchment

    The open Passport page

    HEX
    RGB
    HSL
    Token

  • Parchment Ink

    Text and grain on parchment; ghosted stamps

    HEX
    RGB
    HSL
    Token

Accent

The foil stamp. Gold is an accent on green or glass, never a fill: featured chips, stamp rings, the podium and the hairline on every button and input.

  • Heritage Gold

    Featured chips, unvisited stamp ring, practical-info icons

    HEX
    RGB
    HSL
    Token

    Also declared as --medal-gold

  • Heritage Gold Ink

    Small gold text on light surfaces: step labels and eyebrows

    HEX
    RGB
    HSL
    Token

  • Champagne Gold

    Hero title second line, the gold hairline and focus glow

    HEX
    RGB
    HSL
    Token

    Also declared as --luxury-paper-base

Neutral

Every neutral leans green. Pure grey and pure black do not appear on golfer-facing surfaces.

  • Charcoal Ink

    Primary text - a warm near-black

    HEX
    RGB
    HSL
    Token

    Also declared as --card-foreground, --popover-foreground

  • Slate Secondary Ink

    Secondary text, placeholders, inactive labels

    HEX
    RGB
    HSL
    Token

  • Hairline Sage

    Borders, dividers, input strokes

    HEX
    RGB
    HSL
    Token

    Also declared as --input

Semantic UI

Status is never carried by colour alone - every state is also stated in text and icon. These four are the only status vocabulary; do not invent a fifth.

  • Verified · Success

    Verified stamps, saved confirmations

    HEX
    RGB
    HSL
    Token

  • Pending · Warning

    Claims awaiting review, cautions

    HEX
    RGB
    HSL
    Token

  • Error · Rejected

    Destructive actions, errors, rejected claims

    HEX
    RGB
    HSL
    Token

    Also declared as --status-rejected

  • Revoked

    A stamp withdrawn after verification

    HEX
    RGB
    HSL
    Token

  • Information

    Informational notes use Fairway Green; there is no separate info token

    HEX
    RGB
    HSL
    Token

Specialist

Scoped tokens with one job each. Tee markers belong to the scorecard; medals belong to the GAME leaderboard podium.

  • Tee White

    Scorecard tee marker

    HEX
    RGB
    HSL
    Token

  • Tee Yellow

    Scorecard tee marker

    HEX
    RGB
    HSL
    Token

  • Tee Red

    Scorecard tee marker

    HEX
    RGB
    HSL
    Token

  • Medal Silver

    Leaderboard second place

    HEX
    RGB
    HSL
    Token

  • Medal Bronze

    Leaderboard third place

    HEX
    RGB
    HSL
    Token

10Identity

Typography

A serif that speaks only when something is worth saying, a sans-serif that does the operational work, and a monospace for the numbers. The scale is Tailwind's default, used with intent.

  • Your journey. Your stamps.

    Fraunces

    Display and headings

    Weights
    400 · 500 · 600 · 700
    Styles
    Normal and italic
    Variable
    --font-heading
    Utility
    font-heading
    Fallback
    Georgia, serif
    Loading
    next/font/google, latin subset, font-display: optional

  • Collect verified stamps from Algarve golf facilities.

    Inter

    Interface and body

    Weights
    400 · 500 · 600 · 700
    Styles
    Normal
    Variable
    --font-sans
    Utility
    font-sans
    Fallback
    system-ui, sans-serif
    Loading
    next/font/google, latin subset, font-display: optional

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

    IBM Plex Mono

    Data and references

    Weights
    400 · 500
    Styles
    Normal
    Variable
    --font-geist-mono → --font-mono
    Utility
    font-mono
    Fallback
    ui-monospace, monospace
    Loading
    next/font/google, latin subset, not preloaded

Type scale

Live specimens set in the product's own classes with real Golf Passport copy.

  1. Display

    Brand Guidelines

    Size
    30 → 48 → 60px
    / 0.98
    Weight and tracking
    Fraunces 400
    −0.02em
    Usage
    Hero H1 only; the second phrase in Champagne Gold

  2. H1 · page title

    Your stamp collection

    Size
    36 → 48px
    / 1.1
    Weight and tracking
    Fraunces 400
    −0.025em
    Usage
    Non-hero page titles

  3. H2 · section

    Golf clubs to begin with

    Size
    30px
    / 1.2
    Weight and tracking
    Fraunces 400
    0
    Usage
    Section titles

  4. H3 · title

    Quinta do Lago

    Size
    20px
    / 1.4
    Weight and tracking
    Fraunces 500
    0
    Usage
    Card and panel titles (CardTitle steps to 16px)

  5. Signature

    Every round counts.

    Size
    24px
    / 1.3
    Weight and tracking
    Fraunces 400 italic
    0
    Usage
    The hero's closing line; gold on green

  6. Lead

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

    Size
    18px
    / 32px
    Weight and tracking
    Inter 400
    0
    Usage
    Hero and section intros

  7. Body

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

    Size
    14px
    / 24px
    Weight and tracking
    Inter 400
    0
    Usage
    The working size for interface and reading text

  8. Small

    Publication and operational facts are checked before they appear.

    Size
    12px
    / 16px
    Weight and tracking
    Inter 400
    0
    Usage
    Metadata, helper lines

  9. Caption

    Verified · 26 Aug 2026

    Size
    11.2px
    / 1.3
    Weight and tracking
    Inter 600
    0.08em
    Usage
    Stamp status line under a stamp

  10. Navigation

    Golf Passport

    Size
    14px
    / 20px
    Weight and tracking
    Inter 600
    0
    Usage
    Sidebar and header items in 44px pills

  11. Button

    Explore Clubs

    Size
    14px
    / 20px
    Weight and tracking
    Inter 600
    0
    Usage
    All button sizes; 12px at xs

  12. Label

    Current Passport Level

    Size
    12px
    / 1
    Weight and tracking
    Inter 600
    0.18em
    Usage
    Eyebrows, fact labels, table headers

  13. Numbers

    18 holes · Par 72 · 6,488 m

    Size
    14px
    / 20px
    Weight and tracking
    IBM Plex Mono 500
    0
    Usage
    Scores, pars, references, prices

  • Serif speaks, sans works

    Fraunces appears on titles, display lines, card titles and the signature. Everything a golfer reads to operate the product - body, buttons, inputs, navigation, labels - is Inter.

  • Tracked caps

    Every uppercase label is letter-spaced: 0.05em for dense 10px table headers, 0.14 to 0.22em for editorial eyebrows and stamp captions. Untracked caps never appear.

  • No synthetic bold

    Only the loaded weights are used: Fraunces and Inter 400 to 700, Plex Mono 400 and 500. Weight 800 is never requested.

  • Sixteen-pixel inputs on phones

    Inputs render at 16px below md so iOS never zooms the page; the desktop control drops to 14px.

11Identity

Layout & Grid

Generous space, strong hierarchy, controlled alignment. One content column, one gutter ladder, one radius scale derived from a single 10px base.

Content column
1280pxmax-w-7xl, centred
Page gutters
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 grid
12 columnsDirectory cards 2 → 3 columns (md → xl); homepage cards 1 → 2 → 4
Tablet grid
8 columnsTwo-column cards from 768px; the desktop sidebar appears at 1024px
Mobile grid
4 columnsSingle column; stamps keep three columns from 320px
Related elements
8 · 12pxgap-2, gap-3
Groups
16pxgap-4
Sections
24 · 32pxspace-y-6, space-y-8; heroes pad 56 → 80px
Card padding
24px--card-spacing; 16px for compact cards
Header
64px + safe area--app-header-height below 1024px; sidebar 260 / 76px above
Touch target
44pxmin-h-11; native selects floored globally

Grid

Four columns on phones, eight on tablets, twelve on desktop, on a 16px gap. Cards span whole columns; text columns stop at 65 characters.

Border radius

6 to 26px on a 10px base, plus the pill. There is no 12, 16 or 24px step.

  • rounded-sm

    6px · Tooltip and select insets

  • rounded-md

    8px · Popovers, compact buttons

  • rounded-lg

    10px · Admin controls, tabs, skip link

  • rounded-xl

    14px · Buttons and inputs

  • rounded-2xl

    18px · Cards and dialogs

  • rounded-3xl

    22px · Heroes and image panels

  • rounded-4xl

    26px · Badges; the homepage hero on tablet

  • rounded-full

    pill · Chips, eyebrows, hero CTAs, nav items, stamps

Surface hierarchy

Glass over paper: frosted surfaces with a lit top edge and green-tinted shadows. Pure black shadows never appear.

  • Ivory canvas

    The page. Never pure white.

  • Glass card

    72% white, 24px blur, lit top edge, green-tinted shadow. The default card.

  • Solid card

    Where glass has nothing to refract - tables, forms, admin.

  • Dark glass

    Secondary hero actions and dark pills; the one place gold text sits on near-black.

  • Passport cover

    Fairway green with gold glows and contour rings. Heroes and the Passport banner only.

  • Passport page

    Parchment with four-layer speckle grain. The open Passport and its empty states.

12Imagery

Photography

Authentic Algarve in natural light: golf in context, the destination beyond the course, people at ease. The photographs below are the ones the product ships today.

  • A golfer walking a fairway towards the green with umbrella pines and the Atlantic beyond

    Golf in context: fairway, pines, ocean, one person at ease.

    Homepage trust strip · 1024 × 1024

  • Golden limestone cliffs and a wooden stairway down to a cove at sunset

    The destination beyond the course: coast, light, texture.

    Homepage trust strip · 1024 × 1024

  • Four golfers at a clubhouse terrace table overlooking the course

    Human experience: the clubhouse, the round just played.

    Homepage trust strip · 1024 × 1024

Seek

  • Authentic Algarve
  • Natural light, early or late
  • Golf in context, not posed
  • Landscape and sense of place
  • Human experience
  • Texture and detail
  • Contemporary composition

Avoid

  • Generic stock golfers
  • Staged swings and forced smiles
  • Artificial HDR
  • Excessive saturation
  • Corporate imagery
  • Luxury clichés
  • Anything not recognisably Algarve

Image treatment

Aspect ratios
4:3 on cards and galleries below 640px; 16:9 for event media and galleries from 640px; square for trust imagery
Cropping
object-cover with a CMS focal point (x/y percentages) so the subject survives every crop
Overlay
Only where text sits on the photograph: the green lower-third gradient (--home-card-gradient), never a flat tint
Radius
rounded-2xl inside cards, rounded-3xl for image panels and heroes
Colour
Natural grading; no filters, no duotone
Delivery
next/image, responsive sizes, quality 75 (65 for homepage cards), lazy below the fold
Accessibility
Informative photographs carry meaningful alt text; decorative ones carry alt=""

Fallback photograph · Approved 22 July 2026

The single approved fallback photograph, shown when a club has no image of its own. It never claims to be the pictured club.

13Imagery

Illustration

The illustration language is the stamp: an engraved, single-ink landscape of the club inside a frame. Hand-drawn club artwork and the procedural renderer share one grammar so every future course illustration belongs to the same collection.

  • Quinta do Lago passport stamp: engraved course landscape inside its frame

    Quinta do Lago · hand-drawn

  • Vale do Lobo passport stamp: engraved course landscape inside its frame

    Vale do Lobo · hand-drawn

  • Example · procedural

Left and centre: hand-drawn, fact-checked club artwork as shipped. Right: the procedural engraved renderer that draws any club without approved artwork yet, shown here on a synthetic example - every real curated club now has shipped custom artwork - in its not-yet-visited ink.
Line weight
Single-weight engraved line; 2.6 to 3.2 units on a 200-unit stamp for the border, 1 to 1.2 for inner rings
Geometry
Ten silhouettes - circle, double ring, oval, landscape and tall oval, ticket, rounded square, hexagon, scalloped seal, expedition octagon
Perspective
Eye-level landscape inside the frame: horizon in the upper half, foreground detail below
Level of detail
One motif per stamp drawn from something true about the place - coast, pines, ria, castle, marina, cliff, cork oak
Stroke treatment
Rubber-stamp edges: a light SVG turbulence displacement roughens the outline and opens tiny ink gaps
Corners
Coordinates are a hair off true so nothing reads as machine-perfect
Texture
Fine hatching and stipple in the artwork; never halftone or photographic grain
Colour
One ink. Fairway Green when verified, 55% when pending, 30% Parchment Ink when not yet visited; hand-drawn club artwork keeps its own ink, reversed to light on dark paper
Backgrounds
Always on parchment or transparent; never on a coloured tile
Shadows
None. A stamp is ink on paper
Composition
Legend arcs around round shapes and sits on straight lines for tickets and squares; locality and founding year complete the frame

Hero illustration

The hero's own illustration: contour lines, a dotted fairway path, a green with its flag, a dimpled ball - drawn in the accent and white at low opacity so it reads as an embossed map, never as a graphic.

14Imagery

Iconography

Material Symbols Outlined, self-hosted as a subset of only the glyphs in use. Icons are decorative by default and always paired with text or an accessible name.

  • Golf
  • Home
  • Passport
  • Location
  • Course
  • Destinations
  • Score
  • Scorecard
  • Achievement
  • Verified
  • Navigation
  • Explore
  • Profile
  • Collection
  • Events
  • Directory

Size scale

A glyph's box always pairs with its font size.

16px
20px
24px
Family
Material Symbols Outlined, self-hosted static subset (weight 400) - one file, only the glyphs in use
Stroke
Outlined grade; filled variants are not loaded and are never used
Size scale
16px (size-4 text-base), 20px (size-5 text-xl), 24px (size-6 text-2xl); a box always pairs with its font size
Corners
Material's rounded terminals; icons are never redrawn
Optical alignment
Glyphs are flex-centred in their box so they sit optically centred beside text
Colour
currentColor. Decorative icons take the text colour; the hero eyebrow's golf glyph is the one gold exception
Accessibility
aria-hidden by default; an icon-only control carries its own accessible name and a 44px target
Exceptions
Social brand marks from react-icons/fa; the Birdie level's bird glyph (Lucide) because Material has none

15Passport

Golf Stamp System

The stamp is the Passport's core asset: one per club, drawn from something true about the place, inked only when the club verifies the visit. Every approved club has its own hand-drawn artwork; any other club renders through the same engraved grammar.

Quinta do Lago stamp: an arched frame around umbrella pines, a lake and a green with its flag, the club name across the base

Anatomy

  1. 01

    Outer shape

    One of ten silhouettes; 200 × 200 drawing box, two rings where the shape language calls for it

  2. 02

    Border

    Engraved single-weight line with rubber-stamp edge roughening

  3. 03

    Course name

    Fraunces, uppercase, tracked; arcs on round shapes, straight on tickets and squares

  4. 04

    Location

    Locality line - Loulé, Lagos, Ria Formosa - completing the frame

  5. 05

    Golf symbol

    One engraved motif true to the place: pines, lake, cliff, castle, marina, ria

  6. 06

    Course identifier

    The club's slug binds artwork, route and verification record

  7. 07

    Date

    VERIFIED · 26 AUG 2026 inside a verified stamp; the year alone when not yet visited

  8. 08

    Level

    Stamps count towards six levels; the level seal sits beside the collection, never inside a stamp

  9. 09

    Supporting line

    ALGARVE · PORTUGAL or the founding year (EST. 1974), sourced, never guessed

Collection states

The artwork never changes between states; only the ink does. A club not yet visited shows the real stamp, ghosted - never a placeholder.

  1. Quinta do Lago

    Verified 26 Aug 2026

  2. Vale do Lobo

    Pending review

  3. Monte Rei

    Not yet visited

  • Verified

    Full ink. The club or an administrator has confirmed the visit; the date is printed.

  • Pending review

    Fifty-five percent ink. The golfer has claimed the visit; the stamp waits for verification.

  • Not yet visited

    Ghosted at thirty percent Parchment Ink - the golfer sees the stamp they will earn.

Approved stamps

Every approved stamp, at the size the Passport prints it.

  • Alto Golf passport stamp

    Alto Golf

  • Amendoeira passport stamp

    Amendoeira

  • Balaia passport stamp

    Balaia

  • Benamor passport stamp

    Benamor

  • Boavista passport stamp

    Boavista

  • Castro Marim passport stamp

    Castro Marim

  • Espiche passport stamp

    Espiche

  • Gramacho passport stamp

    Gramacho

  • Monte Rei passport stamp

    Monte Rei

  • Morgado passport stamp

    Morgado

  • Ombria passport stamp

    Ombria

  • Penina passport stamp

    Penina

  • Pine Cliffs passport stamp

    Pine Cliffs

  • Pinheiros Altos passport stamp

    Pinheiros Altos

  • Quinta da Ria passport stamp

    Quinta da Ria

  • Quinta do Lago passport stamp

    Quinta do Lago

  • Quinta do Vale passport stamp

    Quinta do Vale

  • Salgados passport stamp

    Salgados

  • San Lorenzo passport stamp

    San Lorenzo

  • Santo António passport stamp

    Santo António

  • Silves passport stamp

    Silves

  • Vale da Pinta passport stamp

    Vale da Pinta

  • Vale de Milho passport stamp

    Vale de Milho

  • Vale do Lobo passport stamp

    Vale do Lobo

  • Vila Sol passport stamp

    Vila Sol

  • Vilamoura passport stamp

    Vilamoura

  • Palmares passport stamp

    Palmares

Digital and physical

Physical passport
Ink on parchment at the club's desk. The digital stamp mirrors its proportions and single-ink language.
Web application
96px slots on phones, 144px from 640px, in the parchment stamp grid; caption and status line beneath, never inside.
Mobile
Three columns from 320px; the artwork never shrinks below 80px.
Achievement cards
The verified stamp beside its date and level; the level seal is a separate ring, not a stamp.
Social media
PROPOSED: one stamp on parchment with the club name and date, never a collage of many.
Promotional materials
PROPOSED: stamps appear only for clubs that have approved their artwork.

Don't

  • Do not recolour a stamp or add a coloured fill
  • Do not add drop shadows or embossing
  • Do not rotate beyond the fixed ±6° tilt families
  • Do not invent a stamp for a club that has not approved its artwork
  • Do not overlay a stamp on photography
  • Do not use a placeholder icon for a club not yet visited - ghost the real stamp

16Passport

Golf Club Identity

Golf Passport provides the frame; each club keeps its own identity inside it. A club appears with its official name, its locality, its own photography and its approved stamp - never with a recoloured logo or an invented mark.

Golf Passport provides

  • The stamp frame and ink language
  • The verification record and date
  • The club card, facts and route
  • The level system the stamp counts towards

The club keeps

  • Its own name, logo and colours
  • Its photography and gallery
  • Its social channels and contact
  • Approval over its stamp artwork

Represented fields

  • Official club name
  • Course name(s) and layouts
  • Locality · municipality
  • Featured photograph with focal point
  • Passport stamp
  • Verified-information status
  • Services and access model

The Golf Passport visual system is the frame; a club's own identity is the content. Club logos are never recoloured, cropped into the stamp or placed on Golf Passport green without permission.

17Passport

Passport & Collectible Language

Collectible, authentic and rewarding - never gamified in a childish way. Progress is derived from verified stamps alone; nothing is bought, toggled or awarded for logging in.

Levels

Six levels, fixed club-count thresholds, one seal each. Citizen's upper bound follows the published club count so it can always be reached.

  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

Specimen shows a golfer at Birdie. A reached level fills the seal with Fairway Green and a gold ring; an upcoming level keeps the dashed parchment ring.

Vocabulary

Passport
The golfer's private record. Created lazily on first sign-in; never shared with other users.
Stamp
One club, one stamp. Claimed by the golfer, inked when verified.
Claim
A visit submitted for review - by location check at the club or by name.
Verified
Confirmed by an authorised club representative or administrator. The only path to full ink.
Level
Explorer to Citizen, derived from the verified count. Never bought, never toggled.
Progress
"12 of 27 stamps · Birdie" - the tally in the Passport's gold serif.
Milestone
The next level and how many clubs remain: "Need 3 more clubs to reach Eagle."
Completion
Citizen: every eligible facility verified. "You have unlocked every Passport level."

Empty and unlock states

A collection waiting to begin is a page of the Passport, not a dashed wireframe box.

Specimen of the Passport's first-use row; the action leads to your Passport.

18Product

UI Design System

The digital product language, rendered with the product's own primitives. Nothing on this page is a mock-up of a component; it is the component.

Buttons

36px default height, 14px corners, Inter 600. The primary carries a champagne hairline and a green drop; destructive is a clay wash, never solid red.

Hero pill

Badges and status

Twenty-pixel pills in Inter 500. Status badges pair an icon with the word; colour never carries the state alone.

DefaultSecondaryOutlineFeaturedpendingverifiedrejectedrevoked

Cards

Glass over paper: 72% white, 24px blur, a lit top edge and an 18px radius. Content cards, passport panels and stamp pages are variations on it.

Content card
Fraunces 500 title, Inter description, 24px padding.
The default surface for lists and panels. Lifts four pixels on desktop hover.
Passport card
Parchment grain for the open Passport.
Stamps, level timeline and empty states live on this paper.
Score card
Figures in IBM Plex Mono.

72 · 36 · 36

Gross · Front · Back

Navigation

A 260px glass sidebar from 1024px with 44px pill items; a 64px glass header and a five-column bottom bar below it. Breadcrumbs and underline tabs share the same voice.

  • Golf Passport
  • Home
  • Golf Clubs
  • Destinations

Forms

40px controls with 14px corners, a champagne hairline at rest and a solid gold border with glow on focus. Errors switch the border to clay and are always spelled out.

Enter a valid email address.

Feedback

Toasts confirm committed outcomes. Alerts state a fact and, where it is idempotent, offer one retry. Empty states name the state and give one next action. Skeletons keep the final geometry.

  • InformationYour live location is only checked when you ask us to.
  • SuccessYour claim was submitted for review.
  • WarningYour claim remains pending until an authorised verifier reviews it.
  • ErrorWe could not sign you in. Check your details and try again.

Empty state specimen: a title naming the state, one sentence, no action.

19Product

Components

The golf club card is the product's most repeated component and the clearest test of the system: photograph, serif name, tracked facts, tabular figures and one clear action.

Penina Hotel & Golf Resort golf clubFeatured
Penina, Portimão

Penina Hotel & Golf Resort

PublicVerified information

Penina is a countryside golf resort in Portimão with the 18-hole Sir Henry Cotton Championship Course, a nine-hole Resort Course.

27Holes
108Par
RestaurantPro shopAcademy+1 more
View Course

The live component with real published data, exactly as it renders in the directory.

Anatomy

  1. 01Course image — 4:3, object-cover with the CMS focal point; featured and status chips float at the corners
  2. 02Locality line — Pin glyph, locality and municipality in 13px Slate ink
  3. 03Club name — Fraunces 28px, two lines maximum
  4. 04Facts — Access model · setting · verified-information mark
  5. 05Summary — Two lines of 14px, clamped
  6. 06Figures — Holes and par as 24px bold tabular numerals with tracked labels
  7. 07Actions — "View Course" outline link; gold "Scorecard" quick-start only when data exists

States

Default
Glass content on a transparent card with a hairline border and shadow-sm
Hover (desktop)
Four-pixel lift, photo to 105% over 500ms, one light sweep
Focus
The whole card is the link: a 3px Moss Ring on the card's outline
Featured
A white chip top-left; the status chip top-right
No image
The single approved fallback photograph, never a grey box
No scorecard data
The quick-start button is absent, not disabled

Do

  • Keep the whole card as one link with one visible action row.
  • Show holes and par only when a playable layout exists.
  • Let the club's photograph carry the colour; the card stays glass.

Don't

  • Add a redundant "View club profile" label inside the card.
  • Render prices, tee times or ratings the product does not hold.
  • Grey out an action that simply does not exist for this club.

20Product

Motion

Motion communicates, never decorates. One exponential ease-out, three durations, celebrations that play once, and nothing at all under a reduced-motion preference.

Curve
cubic-bezier(0.16, 1, 0.3, 1)One exponential ease-out everywhere
Buttons and inputs
300msColour, border and shadow
Glass surfaces
400msHover lift and brightening
Hover
−4px lift, photo to 105% over 500msDesktop only (md:); touch never inherits a stuck hover
Press
1px down or 98% scaleButtons translate; hero pills scale
Reveal
28px rise over 700ms, onceSections fade up when 10% into view
Hero entrance
16px rise, 600–700ms, 80ms staggerTransform only, so the largest text never delays first paint
Page transition
NoneServer navigation; content, not choreography
Modal
Fade and 95% zoomDialogs and sheets via the shared primitives
Stamp reveal
420ms overshootcubic-bezier(0.34, 1.56, 0.64, 1) - the seal landing; the one sanctioned overshoot
Level shimmer
900ms light sweep, oncePlays after a level fills; never loops
Loading
Skeletons keep final geometryNo spinner-only pages when the structure is known

Hover

The lift

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

Hover the card on a desktop pointer: a four-pixel lift, a brighter glass and a deeper green shadow over 400ms on the system curve. Touch devices and reduced-motion preferences never receive it.

21Voice

Voice & Tone

The brand speaks the way a knowledgeable host speaks: confident about what it knows, curious about the place, and never louder than the golfer.

  • Confident

    States what is verified and stops there.

  • Clear

    Short sentences, one idea each, active voice.

  • Curious

    Points beyond the course - to the town, the coast, the next club.

  • Welcoming

    Speaks to the golfer as a guest, never as a user.

  • Precise

    Distinguishes verified, estimated, editorial and AI-generated claims.

  • Contemporary

    Plain British English; no golf-club formality, no start-up slang.

  • Destination-oriented

    The Algarve is a character, not a location field.

Tone by context

The same voice, tuned by context. Every example is live product copy unless marked proposed.

  1. Marketing

    Inviting and concrete

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

    Source: Homepage introduction

  2. Product UI

    Direct and reassuring

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

    Source: Passport hero

  3. Golf clubs

    Factual and respectful

    Publication and operational facts are checked before they appear.

    Source: Homepage trust strip

  4. Achievements

    Warm, understated

    Your first stamp is one round away.

    Source: Passport first-use row

  5. Error messages

    Calm, actionable, blame-free

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

    Source: Sign-in form

  6. Notifications

    Brief confirmation of a committed fact

    Your claim was submitted for review.

    Source: Claim form

  7. Social media

    Proposed

    One club, one image, one line

    Monte Rei, verified. 21 of 27 stamps.

    Source: Proposed

  8. Editorial

    Knowledgeable, unhurried

    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.

    Source: Golf in the Algarve

22Voice

Editorial Writing

Clear, concise, active language. Short sentences with one idea each.

Prefer

  • Clear, concise, active language
  • Sentence case for interface text; uppercase only for tracked labels
  • British English (colour, verify, centre) with en-GB dates
  • Primary actions of two to four words with one verb: Explore Clubs, Claim a visit
  • Product nouns capitalised: Passport, Golf Passport, Golf Network, Golf Directory
  • "Golf facility" for the verified record; "club" in conversation

Avoid

  • Corporate jargon (leverage, seamless, solution)
  • Empty superlatives (world-class, best-in-class)
  • Generic luxury language (exclusive, indulgent, bespoke)
  • Exclamation marks in interface copy
  • Artificial urgency (hurry, last chance, don't miss out)
  • Clichés (hidden gem, golfer's paradise)

Length limits

Copy has to fit ten languages. These limits are the interface contract, not a style preference.

SurfaceLimit
Chip≤ 18 characters, no sentences
Badge≤ 16 characters
Primary CTA2–4 words, one action verb
Course title on a cardTwo lines; full title on the detail page

23Voice

Social Media

No social templates exist in the product yet. The rules below extend the shipped identity to social formats and are proposed until the first approved template is published here.

FormatsProposed

  • Instagram feed

    1080 × 1350 (4:5). One photograph, the mark bottom-left at 96px, one line of Fraunces.

  • Stories & Reels covers

    1080 × 1920. Fairway Green or parchment ground; stamp or level seal centred; safe zones of 250px top and bottom.

  • Facebook & LinkedIn

    1200 × 630. Photograph with the green lower-third gradient; title in Fraunces, Champagne Gold second line.

  • Golf club announcements

    Club photograph plus its approved stamp on parchment; club name in Fraunces; "Now in the Golf Passport".

  • Achievement sharing

    One stamp, the date, the level. Parchment ground. Never a grid of many stamps.

  • Campaigns

    Fairway Green ground with contour rings, Champagne Gold display line, white CTA pill.

TreatmentProposed

Logo placement
Bottom-left or top-left, one quarter-height clear space, never over a face
Typography
Fraunces for the line, Inter for any caption; no third face
Image treatment
Natural grading; the green lower-third gradient only when text sits on the photograph
Colour
Fairway Green, Ivory, Parchment and Champagne Gold only
CTA
White pill on green, or green pill on ivory; two to four words
Stamps and levels
Real approved artwork only, one per asset, on parchment

24Voice

Do / Don't

The whole system in seven comparisons.

  1. Logo

    Do

    Render the official SVG mark at 24px or larger with clear space.

    Don't

    Rasterise it, recolour it, or reach for the historical booklet mark.

  2. Colour

    Do

    Fairway Green on ivory with gold held to chips, rings and hairlines.

    Don't

    Fill panels with gold, set gold text on white, or add a fifth status colour.

  3. Typography

    Do

    Fraunces 400 for titles; Inter for everything a golfer operates.

    Don't

    Set body copy or buttons in the serif, or use synthetic weight 800.

  4. Photography

    Do

    Natural light, real Algarve places, golf in context.

    Don't

    Stock swings, HDR skies, saturation, generic resorts.

  5. Stamps

    Do

    One approved stamp per club, single ink, ghosted when not yet visited.

    Don't

    Invent artwork, add colour fills or shadows, overlay on photographs.

  6. UI

    Do

    Glass over paper, one radius scale, 44px targets, visible focus.

    Don't

    Black shadows, arbitrary radii, looping animation, hover-only states.

  7. Voice

    Do

    "Your first stamp is one round away."

    Don't

    "Unlock EPIC rewards - don't miss out!!!"

25Standards

Accessibility

Accessibility is a property of the brand, not a compliance pass. Every rule below is enforced in the product's shared primitives.

Standard
WCAG 2.2 AA is the minimum target for every public and admin surface.
Colour contrast
Text meets 4.5:1; champagne gold text sits only on fairway green or dark glass, switching to Fairway Green Deep on light surfaces.
Typography minimums
14px working text; 16px inputs on phones; 10–11px reserved for tracked labels and tabular data, never task-critical prose.
Focus states
Always visible: solid gold border and glow on buttons and inputs, a 3px Moss Ring on borderless links and badges, white ring on green.
Keyboard
Every control reachable in order; a skip link to main content; dialogs trap and restore focus.
Touch targets
44 × 44px minimum; native selects floored at 44px globally.
Alt text
Informative images describe; decorative images, icons and the stamp artwork are aria-hidden or alt="".
Reduced motion
Every animation utility and Motion reveal is removed under prefers-reduced-motion; hover lifts are desktop-only.
Semantic structure
One H1, ordered headings, landmarks (header, nav, main, footer), lists for lists.
Screen readers
Status never by colour alone; live regions for counters; icon-only controls named.

Contrast

Approved text-on-surface pairings with their measured WCAG contrast ratio.

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

26Standards

Digital Asset Downloads

Every file below is the asset the product ships - the same paths the site serves. Nothing here is a placeholder.

Logos

The official mark and its platform derivatives.

Passport artwork

The physical Passport cover as used in the product's hero.

Stamps

Hand-drawn, fact-checked club stamps as shipped in the Passport. Each belongs to its club - see Golf Club Identity.

Photography

Approved imagery in use on the homepage, plus the single approved fallback.

Brand resources

Colour, typography and token references live on this page; the tokens themselves are the product's stylesheet.

Copy any colour or token from the Colour System above. Design tokens are declared once in the product's global stylesheet; a downloadable token file is proposed for a future revision.

Social templates

Templates for Instagram, Stories, Facebook and LinkedIn.

No approved social templates exist yet. The Social Media section describes the proposed formats; the first approved template will be published here.

27Standards

Brand Governance

This page is the authoritative Golf Passport Algarve brand reference.

Version
Brand Guidelines · v1.0
Last updated
2026-09-03
Ownership
Golf Passport Algarve / AlgarveOfficial
Canonical URL
golf.algarveofficial.com/brand
Brand contact
info@algarveofficial.com
  • Every value describing the shipped product is taken from the product's own code and assets and is verified by automated tests.
  • A rule labelled PROPOSED extends the identity beyond what the product implements today and becomes official only when published here without the label.
  • Golf club logos, names and photography remain the property of each club and are represented, never altered, by this system.

Changing this document

  1. 01Propose the change alongside the product change that motivates it.
  2. 02Update the guideline content and its tests in the same change.
  3. 03Record the revision in the changelog below and bump the version.

28Standards

Version / Changelog

  1. v1.0

    September 2026

    Initial digital brand system.

    • Documents the official mark adopted on 1 September 2026 and its derivatives.
    • Codifies the implemented colour tokens, Fraunces / Inter / IBM Plex Mono typography, radius scale and glass-over-paper surfaces.
    • Specifies the Golf Stamp System: ten silhouettes, single-ink motifs, three collection states and the approved club stamps.
    • Proposes clear space, minimum size and social media formats pending approval.

Golf Passport Algarve

Brand Guidelines

v1.0 · 2026Official brand reference.

Back to Golf Passport Algarve

AlgarveOfficial