PTP Brand Guidelines

Why this exists

Many people make Pad Thai Padel. It should still look like one club.

Coaches design WhatsApp posters, managers export reports, partners ask for logos, and the website gets rebuilt. Without shared rules every one of those drifts a little. This page is the answer to "how should this look?", with the reason behind each rule so new cases can be decided the same way.

01

So players trust us

A player who books a court, joins a group or reads a league table should feel the same club behind it. Consistency is what makes a small club feel established.

02

So anyone can make something

A coach in Bali, a designer in Bangkok or an agent building a dashboard should get it right without asking. Tokens, files and recipes are all on this page.

03

So each line stays clear

Clubs, Academy, Events and Data and ops speak to different people. Each gets a small, fixed set of differences on top of one shared core.

Principles

Five principles.

Every rule below comes from one of these. When a case is not covered, decide it with them.

1
Green carries the brand.
Our green is the one thing people remember. So: green heroes, green headers, green buttons. Orange is a spark, used once per view, never a second brand colour.
2
Player first.
Everything we make answers a player's question: when, where, what level, how much. So: lead with the facts they need, then the story.
3
Fair and clear.
Levels, prices, rules and results must be easy to read and the same for everyone. So: short sentences, real numbers, no small print, no hype.
4
Real courts, real people.
We sell a place and a community. So: our own photos of our own clubs and players. No stock, no neon, no fake energy.
5
Calm surfaces, strong type.
Cream ground, plenty of space and one bold serif headline do more than effects. So: no gradients (except the photo overlay on heroes), no glow, no emoji in brand surfaces.

The core

The core never moves.

Every line inherits these six things. Cover the logo and a page should still feel like Pad Thai Padel.

Mark

One stacked serif wordmark: Pad / Thai / Padel. White on green or photos, green or ink on light grounds.

Colour

Green leads, deep green grounds, cream is the page, orange is the one accent, ink is the text.

Type

Playfair 800 + Inter

A heavy serif for headlines, a clean sans for everything else. Never a third family.

Shape

Book a court

8px corners on buttons, cards and images. Primary buttons are 50px tall. No pill buttons, no sharp boxes.

Structure

Bali · How it works

Three steps to your first session

Kicker, then a serif headline, then a short grey lede. Every section opens this way.

Photography

Our clubs, our players, natural light, the green of the courts. Never stock.

Core in detail · Logo

The wordmark.

A stacked serif wordmark that reads Pad / Thai / Padel. It is the only logo. There are no line logos and no lock-ups with "Academy" or a city baked in; those go in type next to it.

Three colours, three jobs

White (#F4F4F4) on green, deep green and photos: this is the main use. Green (#376B5B) on cream and white. Ink (#111827) only where colour printing is not available or on the green tint.

WhyThe wordmark was drawn to sit on our green. Keeping it white on green almost everywhere is what makes the brand recognisable at a glance, from a WhatsApp icon to the club fence.

Clear space and minimum size

Clear space on every side = the height of the "P" in Pad (about a quarter of the logo height). Shown in orange.
Nothing enters that space: no text, no edges, no other logos.
Centre it, or align its left edge with the text column.

96px · hero

44px · header

32px · minimum

Icon, below 32px

Minimum height is 32px on screens and 12mm in print. Smaller than that, use the app icon instead. Never stretch, rotate, outline, add shadows, recolour outside the three colours, or set the words in a line.

Core in detail · Colour

Green leads. Orange sparks.

These are the exact values from padthaipadel.com. Click any swatch to copy its hex code.

Brand

Neutrals

Academy levels

Proportion on a typical page

~55%Cream ground

~20%White cards and sections

~15%Green: hero, header, buttons

~7%Deep green and ink

~3%Orange: one accent per view

Contrast: green on cream and white on green both pass WCAG AA for text. Orange #F48134 does not pass on light grounds, so any orange text or button on cream or white uses Orange 2 #B85410 (white text on it passes AA). Bright orange is for dark grounds, dots and thin rules only.

Core in detail · Type

A heavy serif and a clean sans.

The serif gives us character and warmth. The sans keeps prices, schedules and rules easy to read on a phone.

H1 · DisplayPlayfair Display 800
40–76px · 1.05Play padel in Bali

H2 · SectionPlayfair Display 800
30–50px · 1.1Where you fit on the scale

H3 · CardInter 700
20pxMonthly plan or credit pack?

KickerInter 600, 12px
.12em, uppercase, greenBangkok · How it works

BodyInter 400
16px · 1.6–1.7Sessions run every day. Pick a group at your level, or book a private lesson with any coach.

Rules

Headlines in the serif at weight 800, sentence case, short enough for two lines on a phone. Everything else in Inter (or the system sans when Inter is not available). Kickers sit above every section headline. Never set long text in the serif, never use the serif in tables, never add a third family.

Licence warning: Dashiell FineThe live site uses Dashiell Fine XBold for headings, but the file is a Fontspring demo. Demo files watermark punctuation and the digit 4, which is why the site limits it to letters only. Before using Dashiell anywhere else, buy the licence. Until then, use Playfair Display 800 (free, Google Fonts) as the licensed substitute. This page is set in Playfair Display 800.

WhyA heavy serif feels like a club with history, which suits a sport that is about people and tradition as much as fitness. Inter is neutral and very readable at small sizes, where most of our information lives.

Core in detail · Photography

Our courts, our players, daylight.

Photos do most of the selling. Use our own: the clubs, the coaches, the players and the places around the court.

Outdoor padel court with clubhouse and city towers — Place: wide, sky, our green

Doubles match in Bali at dusk — Real games, Bali

Courtside lounge with striped awning — Details and hangouts

Glass court below a Bangkok tower — Architecture, Bangkok

DoNatural light, straight verticals, the green of the court visible. People mid-play or laughing between points. Crop portraits tall.

OverlayText on a photo sits on a deep green overlay (#15231F, 35% to 88%, top to bottom). This is the only gradient in the system.

Don'tStock photos, neon or colour-cast filters, heavy vignettes, photos with another brand's banners as the subject, blurred crops stretched to fill.

Core in detail · Voice

Friendly, clear, fair.

We sound like a good club captain: warm, direct, and the same with every player. Always in English.

Instead ofUnleash your inner champion with our world-class elite methodology!!

WriteTrain with former professionals, in groups at your level. Your first session is the easiest one to book.

Instead ofDue to unforeseen circumstances the event has been cancelled. We apologise for any inconvenience.

WriteTonight's americano is cancelled: we had 6 players and need 8. Your credit is back in the app.

Rules

DoShort sentences. "You" and "we". Real times, prices and levels. Say what happens next.

Don'tHype words, exclamation marks, small print, jargon, emoji on brand surfaces.

Say"programme", "how we coach", "sessions", "levels".

Never say"methodology". Titles: Alvaro is "Owner".

Player-first: start with what the player needs (when, where, level, price), then add the story. When something goes wrong, say what happened, why, and what we are doing about it, in that order.

WhyFairness is the core of a level-based club. If rules and prices read clearly, players trust the levels, the leagues and us.

Components

The parts, rendered live.

These are real CSS, not pictures. Inspect them or copy the tokens at the bottom of the page.

Buttons

Book a court Join on WhatsApp See prices

Book a court Join

50px tall · 8px radius · 17px Inter 400 · 22px side padding. Green = main action, Orange 2 = the one highlighted action per view, ghost = secondary, white = on green grounds. Small: 40px / 15px.

Kicker + heading + lede

Levels

Where you fit on the scale

Every player has a level. Groups, events and league divisions are built on it.

Kicker 12px / 600 / .12em / uppercase / green · 10px gap · H2 Playfair 800 · lede grey 16px / 1.7, max ~65 characters.

Card

Bangkok

Clubhouse and courts

Open daily. Group sessions by level, private lessons, americanos.

See the club

White, 1px line border, 8px radius, image on top at 16:10, 16–18px padding. No shadows on cards inside pages.

Level cards

IronFirst steps, A–F

BronzeRallies and basics

SilverTactics and walls

GoldCompetition play

White card with a 4px left border in the level colour. Level name in the serif.

Coin badges (WhatsApp group icons)

Pad Thai PadelacademyIronA

Pad Thai PadelacademyBronzeC

Pad Thai PadelacademySilverFEMALE

Pad Thai PadelacademyGoldF

Pad Thai PadelacademySilverBALI

Circle in the level colour with an inner ring. Small "Pad Thai Padel academy" at the top, level name in the serif, then one of: a sub-level letter A–F in a solid circle, or a FEMALE / BALI pill. Exported at 640px from the icon renderer.

Outcome pills

RanUnder minimumCancelledUpcoming

Ran = green on green tint · under minimum = gold family (#7A5A12 on #F8EED5) · cancelled = #B42318 on #FDECEA · upcoming = grey on #F1F2F4. 12.5px / 600, full pill, with a dot so colour is never the only signal.

Dashboard header

Bali bookingsUpdated 08:00

Court hours412

Coaching hours96

Events ran18 / 22

TPS appPlaytomicSetpoint adminSetpoint onlineInternal

Cream page, green header bar with the white wordmark (30px tall here, the only place it may go under 32px because it is a tool, not a brand surface), page title in Inter 600, data colours below.

The lines

One club, four lines.

Each line changes a few things on top of the core: who it is for, which accent it leans on, how it uses photos and how it sounds. Nothing else.

Line 1 · Clubs

Clubs: Bangkok and Bali

For players looking for a court. The place first: where it is, when it is open, how to book. It should feel like walking in.

Hero and buttons · green#376B5B

Ground · cream#F8F5F1

Overlay and footer · deep green#15231F

One CTA · orange 2#B85410

Photography

The club itself: courts, clubhouse, architecture, the city or the island around it.

Layout

Photo hero, key facts (hours, courts, address), booking, then coaching and events at that club.

City naming

Bangkok and Bali in type next to the wordmark or in the kicker, never inside the logo.

Motion

Minimal. A hero video is fine if it has a poster image and no sound.

VoiceOpen every day. Book a court in the app, or message us on WhatsApp.

DoHours, address and booking on the first screen.

Don'tDifferent colours per city, or a separate logo for one club.

Bangkok · Bali

Bangkok

Padel in the middle of the city

DailyOpen

CourtsGlass, indoor

LevelsAll

Book a court

Line 2 · Academy

Pad Thai Padel Academy

For players who want to improve. Clear levels, clear plans, clear prices. The level colours (Iron, Bronze, Silver, Gold) appear only here and in level-based events.

Iron#2A2E32 · cream text

Bronze#9C5D36 · cream text

Silver#B7BFC5 · #1F3D35 text

Gold#D4A63D · #1F3D35 text

Levels

Iron to Gold, each with sub-levels A to F. Women's groups get a FEMALE pill, Bali groups a BALI pill.

Photography

Coaches mid-drill, players at the net, coach portraits on the standard background.

Layout

Kicker + serif heading + lede. Plans as white cards, steps numbered, one green CTA band.

Naming

"Pad Thai Padel Academy". Coaches by name and real background; no invented titles.

VoiceEvery player has a level. Your group is built on it, so you always play with people at your standard.

DoShow the level, the schedule and the price together.

Don'tUse level colours for decoration, or say "methodology".

Join the academy

Find your group

Pad Thai PadelacademyIronB

Pad Thai PadelacademyBronzeA

Pad Thai PadelacademySilverD

Pad Thai PadelacademyGoldFEMALE

Get your levelA coach assesses you in your first session.

Pick a planMonthly plan or a credit pack.

Join the groupWe add you to the WhatsApp group for your level.

Line 3 · Events & community

Americanos, leagues, the Championship

For players who want games. The loudest line: deep green posters, big serif titles, and the orange accent allowed a little more room, still once per poster.

Poster ground · deep green#15231F

Accent on dark · orange#F48134

Alternate ground · green#376B5B

Text · white#FFFFFF

Photography

Real match moments, crowds, podiums. Black-and-white is allowed for finals and coach announcements.

Layout

Poster: wordmark, kicker with format, serif title, then date, time, level and price in a fact strip.

Levels

Level-based events may show the coin badge of the level they are for.

Partners

Partner logos sit in one row at the bottom, never larger than our wordmark.

VoiceAmericano tonight at 7 pm. 16 players, Bronze and up. Two spots left.

DoDate, time, level, price and how to join on every poster.

Don'tNeon, glow, gradients, or more than one accent colour.

Americano · Bali

Friday night americano

Mixed pairs, rotating partners, everyone plays every round.

7 pmStart

Bronze+Level

16Players

Join on WhatsApp

Line 4 · Data & ops

Internal dashboards and tools

For the team. Booking panels, revenue sheets and reports. Quiet and readable: cream page, green header with the white wordmark, then data colours carry the meaning.

Page · cream#F8F5F1

Header · green#376B5B

Tiles and tables · white#FFFFFF

Numbers · ink#111827

Type

Inter only, tabular figures. The serif is not used in tools.

Colour

Data colours only for data. Brand orange is not used in charts.

Layout

KPI tiles, one chart, one table. Legend always visible. Last update time in the header.

Private

Internal tools are noindex and behind a login. Never share screenshots with player names publicly.

Voice18 of 22 events ran. 3 were under the minimum, 1 was cancelled by the club.

DoLabel every colour; show counts, not only percentages.

Don'tRainbow palettes, 3D charts, or colour as the only signal.

Booking panelUpdated 08:00

TPS appPlaytomicSetpoint adminSetpoint onlineInternal

Event	Players	Outcome
Mon americano	16	Ran
Wed league	5	Under minimum
Thu social	0	Cancelled
Sat americano	12	Upcoming

Data & ops · Data colours

Data colours.

One colour per booking source, the same in every panel and report, so a number means the same thing everywhere. Click to copy.

Booking sources

Checked for colour-blind separation (the four source colours stay apart for red-green and blue-yellow colour blindness). Brand green is a quiet colour, so in data views colour always comes with a text label. Occupancy heatmaps use one colour, from white to brand green #376B5B.

Event outcomes

Playtomic orange (#E2702A) is a data colour, not the brand orange. Keep the two apart: brand orange never appears in a chart, and data colours never appear on marketing pages. Under-minimum pills use dark gold text (#7A5A12) on a pale gold fill so the text passes contrast.

Do / don't

Right and wrong, side by side.

Each pair is rendered live with the same parts. The left one is how we do it.

Ground

Bali

Play padel in Bali

DoCream page, green kicker, ink serif.

Play padel in Bali

Don'tGradients, neon glow, text shadows.

Orange

Join on WhatsAppSee prices

DoOne orange action per view, in Orange 2.

JoinBookBright orange text on white

Don'tOrange everywhere, or bright orange as text on light.

Logo

DoWhite on green, untouched, with clear space.

Don'tStretch, rotate, add shadows or put white on white.

Type

Monthly plans

Two sessions a week at your level. Cancel any month.

DoSerif headline, sans body, sentence case.

MONTHLY PLANS!!!

Two sessions a week at your level. Cancel any month.

Don'tA third font, all caps shouting, serif body text.

Photo text

Friday americano

DoDeep green overlay, white text bottom-left.

Friday americano

Don'tWhite text straight on a bright photo.

Copy

Tonight's americano is cancelled: 6 of 8 players. Your credit is back in the app.

DoWhat happened, why, what next.

Unfortunately due to circumstances beyond our control, the event will not be taking place!! 😢🎾

Don'tVague apologies, exclamation marks, emoji.

Side by side

What each line may change.

Anything not in this table comes from the core.

	Clubs	Academy	Events	Data & ops
Audience	Players looking for a court	Players who want to improve	Players who want games	The team
Ground	Green hero, cream page	Cream, white cards, green CTA band	Deep green or green posters	Cream page, green header
Accent	Orange 2, one CTA	Level colours	Orange, once per poster	Data colours
Serif	Headlines	Headlines, level names	Big poster titles	None
Photos	The club and its city	Coaches and drills	Matches, crowds, podiums	None
Motion	Hero video with poster	Minimal	Allowed in reels and stories	None
Voice	Welcoming, practical	Encouraging, precise	Energetic, factual	Plain, numbers first

Channel recipes

The same rules, where we publish.

Website

Green header with the white wordmark; green hero with a photo and the deep green overlay.
Cream sections alternate with white ones. Every section opens with kicker, serif heading, grey lede.
One orange button per view at most; the rest green or ghost.
Phone first: facts and the booking button on the first screen.

WhatsApp

Group icons are the coin badges: level colour, level name, letter A–F or a FEMALE / BALI pill. Announcements use the green coin.
Messages are short: what, when, where, level, price, how to join.
No emoji in posters or icons. In chat, keep them out of rules and prices.

Instagram and posters

Events line: deep green or green ground, serif title, fact strip, partner row at the bottom.
Photos: our clubs and players. Black-and-white is fine for finals and coach welcomes.
Stories at 1080×1920 with 250px safe space top and bottom.

Documents, decks and dashboards

Cream or white pages, green wordmark top left, Playfair for titles, Inter for text.
Keep external proposals short: two or three pages.
Dashboards follow the Data and ops line: green header, cream page, data colours, noindex.
Export PDFs with fonts embedded.

Assets & tokens

Everything you need to start.

Use these files rather than screenshots or old copies.

Wordmark, whitePNG 998×872, transparent. For green, deep green and photos.

Wordmark, greenPNG 998×872, transparent. For cream and white.

Wordmark, inkPNG 998×872, transparent. One-colour and tint grounds.

App iconPNG 180×180. Use below 32px logo height.

FaviconPNG 64×64. AaPlayfair DisplayFree on Google Fonts. Use weight 800. AaInterFree on Google Fonts. 400, 500, 600, 700. Buy
licenceDashiell Fine XBoldThe site's heading font. Demo only today: buy before wider use. PhotosThe five photos on this page, as WebP. Full set: website assets folder.

CSS tokens · core, levels, data

:root {
  /* brand */
  --green:#376B5B; --green-2:#2E5A4B; --green-3:#15231F; --green-tint:#E9F0EC;
  --orange:#F48134; --orange-2:#B85410; --orange-3:#9E460D;
  /* neutrals */
  --cream:#F8F5F1; --white:#FFFFFF;
  --ink:#111827; --body:#4B5563; --grey:#6B7280; --line:#E5E7EB;
  /* academy levels */
  --iron:#2A2E32; --bronze:#9C5D36; --silver:#B7BFC5; --gold:#D4A63D;
  --level-text-light:#F8F5F1; --level-text-dark:#1F3D35;
  /* data colours (dashboards only) */
  --data-tps-app:#376B5B; --data-playtomic:#E2702A;
  --data-setpoint-admin:#C9962E; --data-setpoint-online:#2A2E32;
  --data-internal:#B7BFC5; --data-coaching:#D4A63D;
  --outcome-cancelled:#B42318; --outcome-cancelled-bg:#FDECEA;
  /* type */
  --font-heading:'Playfair Display', Georgia, serif;  /* weight 800 */
  --font-body:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* shape */
  --radius:8px; --button-height:50px;
}
.kicker { font:600 12px/1.4 var(--font-body); letter-spacing:.12em; text-transform:uppercase; color:var(--green); }
.btn {
  min-height:var(--button-height); padding:0 22px; border-radius:var(--radius);
  background:var(--green); color:#fff; font:400 17px var(--font-body);
}

Versionv1 · 8 October 2026

Sourcepadthaipadel.com stylesheet, WhatsApp icon renderer, internal booking panel.

QuestionsAsk Alvaro (Owner) before adding a colour, a font or a new line.

One club, many courts, the same welcome.

Many people make Pad Thai Padel. It should still look like one club.

So players trust us

So anyone can make something

So each line stays clear

Five principles.

Green carries the brand.

Player first.

Fair and clear.

Real courts, real people.

Calm surfaces, strong type.

The core never moves.

The wordmark.

Three colours, three jobs

Clear space and minimum size

Green leads. Orange sparks.

A heavy serif and a clean sans.

Rules

Our courts, our players, daylight.

Friendly, clear, fair.

Rules

The parts, rendered live.

Where you fit on the scale

Clubhouse and courts

One club, four lines.

Clubs: Bangkok and Bali

Photography

Layout

City naming

Motion

Padel in the middle of the city

Pad Thai Padel Academy

Levels

Photography

Layout

Naming

Find your group

Americanos, leagues, the Championship

Photography

Layout

Levels

Partners

Friday night americano

Internal dashboards and tools

Type

Colour

Layout

Private

Data colours.

Right and wrong, side by side.

Ground

Orange

Logo

Type

Photo text

Copy

What each line may change.

Who is going to read this?

The same rules, where we publish.

Website

WhatsApp

Instagram and posters

Documents, decks and dashboards

Everything you need to start.