# Directory Card Redesign — Prototype

Zillow-inspired: image-first cards with logo avatar, frosted category badge, and tier-differentiated visual treatments. DM Sans throughout.

## Key design decisions

- Image-first layout (16:9) — cover photo leads, same principle as Zillow/Airbnb. Court/project photos communicate credibility at a glance.
- Logo avatar straddles media/body — 44×44px rounded square with white border, positioned via body-relative absolute so it isn't clipped by media overflow:hidden. Reinforces brand without wasting body space.
- Frosted category badge — backdrop-blur pill overlaid top-right of image, using category color system from current design.
- CSS court visualization — for the placeholder state (no cover photo, pro tier): dark green background + white court line grid. Better than generic grey gradient; contextually communicates padel.
- 4-tier visual ladder: Free (62% opacity, grey placeholder, unverified chip) → Basic (full opacity, green placeholder, verified chip, description, "View Listing →") → Growth (green placeholder, growth chip + stats, "Request Quote →") → Pro (green top border, court media, full stats, green glow hover).
- Stats row: Pro = Verified + projects + years + area; Growth = Growth chip + limited stats; Basic = Verified chip only; Free = Unverified chip.
- Color shift: primary action color moves from blue (#1D4ED8) → forest green (#15803D) for quote CTAs. More contextually appropriate for sports/construction. Blue reserved for Featured/sticky badges.

## Color palette

#F5F3EF — Page bg
#15803D — Primary green (CTAs)
#0D5228 — Green dark (pro border)
#1D4ED8 — Blue (Featured badge)
#111827 — Text primary
#6B7280 — Text secondary
#E6E2D8 — Card border

## Database change needed

- Add `cover_image TEXT` column to suppliers table (migration 0013)
- Add upload endpoint in supplier dashboard (same pattern as logo_file, saves to `static/uploads/covers/`)
- Template falls back to CSS court placeholder (pro) or dark-green grid placeholder (growth/basic) when null — no broken cards

Pro tier — with cover image (CSS court mock)

Pro · Sticky · Highlight
Featured
Manufacturer
W

### World Padel Courts GmbH

Munich, Germany

Verified
48 projects
12 yrs
DACH + Benelux

Full turnkey padel court construction with 200+ installations across Central Europe. DIN-certified steel structures, premium surface options.

worldpadelcourts.de Request Quote →
Turnkey
A

### Arenas Court Systems

Madrid, Spain

Verified
120 projects
18 yrs

Spain's leading turnkey padel constructor. Panoramic glass, steel, and indoor hall solutions. Works with clubs, hotels, and municipal facilities.

arenascourts.es Request Quote →

Pro tier — no cover image yet (CSS placeholder)

Pro · No cover_image uploaded
Turf
Turf
T

### TennisGrass Nordic AB

Stockholm, Sweden

Verified
31 projects
6 yrs

Specialist padel and indoor tennis surfaces. ITF-level turf products, 10-year warranty on all Scandinavian installations.

tennisgrass.se Request Quote →

Add a cover photo

Show your courts or projects.
Appears in directory search results.

Upload photo →

Growth tier

Growth · No verified badge · Limited stats
Software
Software
P

### PadelOS Systems

Barcelona, Spain

Growth
3 yrs

Court management software with booking, billing, and membership tools for padel clubs. 200+ venues in Iberia.

Request Quote →
Lighting
Lighting
L

### LuxSport LED Solutions

Amsterdam, Netherlands

Growth
22 projects

Sport-grade LED lighting for padel and tennis courts. EN 12193 compliant. Energy-saving controls and dimming included.

luxsport.nl Request Quote →

Basic tier (€39/mo) — verified presence, no lead routing

Basic · Full opacity · Verified ✓ · "View Listing →"
Turn
Turnkey
K

### Kortbouw Nederland BV

Rotterdam, Netherlands

Verified

Specialist padel court builder serving the Benelux market. Indoor and outdoor installations, panoramic and classic models.

kortbouw.nl View Listing →
Cons
Consultant
R

### Racquet Advisory Group

London, United Kingdom

Verified

Independent consulting for padel club operators and venue developers. Feasibility, supplier selection, and planning guidance.

racquetadvisory.co.uk View Listing →

Free / Unclaimed tier

Free · Muted · Claim prompt
Mfr
Manufacturer
I

### Innopark Structures Ltd

Warsaw, Poland

Unverified
Is this yours? →
Hall
Hall Builder
S

### Sportshall Construct SRL

Bucharest, Romania

Unverified
Is this yours? →

Example card (shown on first page, no filters active)

Example · CTA to get listed

Your project photo

Example
Your Category
?

### Your Company Name

Your City, Country

Verified 12 projects 8 yrs Europe-wide

Verified listings include cover photo, project stats, and a direct quote button — placed above unverified suppliers in search results.

Get listed →

Realistic mixed grid — how a page looks

Your photo here

Example
Your Category
?

### Your Company Name

Your City, Country

Verified 12 projects · 8 yrs
Get listed →
Featured
Turnkey
A

### Arenas Court Systems

Madrid, Spain

Verified 120 projects 18 yrs

Spain's leading turnkey padel constructor. Glass, steel, and indoor hall solutions for clubs, hotels, and municipalities.

arenascourts.es Request Quote →
Mfr
Manufacturer
W

### World Padel Courts GmbH

Munich, Germany

Verified 48 projects 12 yrs DACH

Full turnkey construction. DIN-certified steel structures, premium surfaces. 200+ installations across Central Europe.

worldpadelcourts.de Request Quote →
Software
Software
P

### PadelOS Systems

Barcelona, Spain

Growth 3 yrs

Court management: booking, billing, memberships. 200+ venues across Iberia.

Request Quote →
Cons
Consultant
R

### Racquet Advisory Group

London, United Kingdom

Verified

Independent consulting for padel club operators. Feasibility, supplier selection, planning.

racquetadvisory.co.uk View Listing →
Mfr
Manufacturer
I

### Innopark Structures Ltd

Warsaw, Poland

Unverified
Is this yours? →
Hall
Hall Builder
S

### Sportshall Construct SRL

Bucharest, Romania

Unverified
Is this yours? →