Skip to content
Shopsy

Brand

The Shopsy mark

A shopping cart drawn in navy, with its basket formed by a teal S. Use it as it is — the two colours and the proportions are the mark.

Shopsy

On light surfaces.

Shopsy

On dark surfaces and photography.

The name is text, not artwork

There is no wordmark file, deliberately. The artwork is the cart alone, and Shopsy is set beside it as live type — so it stays sharp at every size, inherits the surrounding colour, and can be renamed without a design round. If you are setting it yourself, use a semibold sans-serif at roughly the cart's own height, with a gap of about a quarter of that between them.

Colour

Two ramps, derived from one hex

Every shade is generated from the logo teal on a measured lightness curve, which is why an operator can set their own accent colour and still get a legible palette.

Brand

Teal. Step 600 is the exact logo colour; every other step is derived from it, so an operator who sets their own accent gets the same curve in their own hue.

  • 50

    #effaf8

  • 100

    #def2ef

  • 200

    #c0e5e0

  • 300

    #9ad5cd

  • 400

    #6abeb4

  • 500

    #38a298

  • 600

    #00867c

  • 700

    #007067

  • 800

    #005c54

  • 900

    #064b45

  • 950

    #022f2b

Ink

Neutral, tinted toward the logo's navy rather than pure grey. The slight blue cast is what makes the teal look chosen instead of applied.

  • 50

    #f6f7f9

  • 100

    #eceef2

  • 200

    #d5d9e2

  • 300

    #b0b8c8

  • 400

    #8590a6

  • 500

    #65718a

  • 600

    #505a71

  • 700

    #41495c

  • 800

    #383f4e

  • 900

    #1a2030

  • 950

    #081020

Typography

Inter, and nothing else

One family across the platform, the dashboards and the emails. The storefront designs each carry their own face — that is the merchant's brand, not ours.

Commerce infrastructure

for merchants who would rather be selling

Family
Inter Variable
Weights
400 · 500 · 600 · 700
Fallback
System UI sans-serif

Usage

Four rules, and that is all of them

  • Do:Clear space of at least the cart’s own height on every side.

  • Do:The white mark on anything dark, so the cart stays visible.

  • Don't:Never recolour it. The teal and the navy are the mark.

  • Don't:Never stretch it to fill a shape.

Downloads

Take the files

PNG only — the mark is authored as raster artwork, so there is no vector to hand out. The 512px file covers anything short of print; if you need it larger, ask and we will make one.