MarketMedia
FrançaisBook a strategy call
CASE STUDY · SHOPIFY & BRAND IDENTITY

Shopify store and colour refresh — a premium padel brand, clear and playable

Design of the PADDIK™ Shopify store and an updated colour system: an electric lime green, a sporting blue and an anchoring navy — for an e-commerce experience as sharp as the game.

PADDIK™ · Padel & sports e-commerce

www.paddik.com
The context

The starting point

PADDIK™ sells premium padel rackets, apparel and bundles to an international community, from beginners to advanced players. The brand needed a Shopify store worthy of its product vision, and a colour system consistent across the whole purchase journey.

The challenge

What needed solving

Design a clear Shopify experience — homepage, racket / apparel / bundle collections, product pages — while introducing a new palette of lime green, accent blue and navy, without losing the sporting character or the legibility of the CTAs and product photography.

Our approach

How we went about it

  1. 01

    Positioning & creative direction

    Establish PADDIK™ as a premium padel brand: performance, community and enjoyment of the game — not a generic sports catalogue.

  2. 02

    Colour system refresh

    Define the new live palette — lime, blue, navy, surfaces — and apply it across the Shopify theme, buttons, bars and UI accents.

  3. 03

    Shopify store architecture

    Homepage hero, collections (Padel Rackets, Apparel & Accessories, Save & Bundles) and conversion-led product pages.

  4. 04

    Working brand kit

    Logo usage rules, DM Sans typography, do's & don'ts for CTAs, photo overlays and theme variants.

Brand kit

The PADDIK™ visual system

A reference document for applying the new identity across Shopify, digital materials and product variants. Palette taken from the live theme paddik.com.

01

Positioning & vision

Elevate padel through premium rackets — control, power, comfort — and bring together a community from beginner to seasoned player.

“Gear Up for Victory” — equipment, apparel and more: a brand that sells gear and cultivates the #PADDIK Community.
  • PerformanceCarbon rackets, seasonal collections, specification-led product pages.
  • CommunityAcademy, newsletter, social — the store is more than a basket.
  • Premium clarityOpen UI, strong contrast, lime CTAs that read instantly.
02

Colour system

The new palette installed on the Shopify theme — values taken from the store's live CSS variables.

Primary lime #BFE844 Primary CTA, Add to cart / Find Your Racket buttons, review stars
Accent blue #1C77DE Secondary buttons, theme accent-1, a sporting contrast against the lime
Ink navy #0E2036 Text on lime buttons, dark anchor, solid labels
Text black #101010 Body text, headings, base shadows (rgb 16,16,16)
Cool surface #EAEEF3 Page background (background-1), breathing room between sections
White #FFFFFF Product cards, header, background-2, reading areas

Key roles: lime (#BFE844) carries the action; blue (#1C77DE) supports and structures; navy (#0E2036) guarantees text contrast on the green CTAs.

03

Typography

A single family — DM Sans — for headings, UI and body. Bold for CTAs and H2s, regular for reading.

Display / headings

PADDIK: Gear Up for Victory

DM Sans · Bold 700 · neutral tracking · no forced small caps
UI / buttons

Find Your Padel Racket

DM Sans · Bold 700 · navy on lime · ↗ arrow permitted
Body

At PADDIK, we're committed to elevating the game of Padel through premium padel rackets that deliver superior control, power, and comfort.

DM Sans · Regular 400 · #101010 on white or #EAEEF3
04

Logo & wordmark

The PADDIK wordmark in bold italic, split blue / lime — the “P” carries the ball and racket-head motif.

PADDIK™ wordmark on light
On white / #EAEEF3 — primary use, header & packaging
PADDIK™ wordmark on navy
On navy #0E2036 — dark hero, photo overlays, social
  • Keep the wordmark's colour split; do not flatten to monochrome except for technical versions such as favicon and stamp.
  • Keep clear space around the logo equal to the height of the “P”.
  • Trade mark: PADDIK™ — keep the ™ discreet; do not enlarge it in marketing headlines.
  • Avoid rotations, decorative drop shadows and neon outlines outside the identity.
05

Shopify store direction

An e-commerce architecture built to discover, compare and buy — from the lifestyle hero through to the working collections.

Homepage

Full-bleed hero + lime CTA

Lifestyle photography of the court and players, the headline “Gear Up for Victory”, a product subheading and a lime primary button. Then: featured product, Padel Essentials grids, Vision & Community blocks, Academy and newsletter.

Collections

Three clear entry points

Padel Rackets — core catalogue. Apparel & Accessories — lifestyle and cross-sell. Save & Bundles — gift sets / order value. Navigation and merchandising aligned to these three axes.

Product pages

Gallery, variants, stock proof

Multi-angle gallery plus video, colour selector (Green & Blue, for example), visible stock, a lime Add to cart and Buy it now. Specifications and storytelling below the fold to reassure without slowing the purchase.

06

Usage rules

Do's & don'ts for keeping the refresh consistent across theme, photography and campaigns.

Do

  • Reserve the lime (#BFE844) for primary actions — one dominant CTA per viewport.
  • Set text on lime buttons in navy (#0E2036), never in mid grey.
  • Use the blue (#1C77DE) for secondary actions or structural accents.
  • Let product photography breathe on white / #EAEEF3; use light dark overlays only for hero text.
  • Keep DM Sans throughout — consistency across Shopify, email and social.

Don't

  • Substituting a “natural” or fluorescent green for the lime outside #BFE844.
  • Placing multiple lime CTAs side by side (it dilutes purchase focus).
  • Tinting product photography with saturated green or blue filters that compete with the UI palette.
  • Mixing in other type families (decorative sports display) across the store.
  • Inverting navy and lime without checking contrast (button accessibility).
Tools & technologies

The stack used

Design

FigmaWireframes & design system
Adobe IllustratorIdentity & wordmark

E-commerce

ShopifyTheme & store

Production

Adobe PhotoshopProduct & hero imagery
What we delivered

The scope

  • Shopify store design (homepage, collections, product pages)
  • Colour system refresh, applied to the theme
  • Brand kit: palette, typography, logo, usage rules
  • E-commerce art direction aligned to the padel community and to performance
A clean Shopify store, a lime / blue / navy palette readable at a glance, and a brand kit precise enough that the store and the campaigns speak the same language.
PADDIK™ · Premium padel gear
Other case studies

See also

BoumaAn e-commerce catalogue optimised for Google, Bing and LLMsBranding & e-commerce SEOFurnish HomesWebsite, SEO foundations and visual identityWeb, SEO & designExperiusWebsite, SEO foundations and visual identityWeb, SEO & design

Get similar results

Let's talk about your project — a free call, no commitment.

Book a strategy call →