Skip to content
Start now

Brand

One detail carries the brand. The drop.

Logos, colour, type and the rules that hold them together. Everything here is free to use when you write about DropMerch or link to your shop.

The wordmark. Our primary logo.

Lowercase Cal Sans, tracked in, with the p's descender ending in a drop. Use it wherever there is room for it.

On paperSVGPNG
On inkSVGPNG
On a photo: keep it calm behind the logo
One colour, for embroidery, stamps and foilInkWhite

The dm mark. For small spaces.

The d and m share one stem, and that stem runs on into the drop. Use it where the wordmark won't fit: icons, avatars, stamps.

On paperSVGPNG
On inkSVGPNG
On drop orangeSVG

Construction. Built from the letters.

Nothing is drawn freehand. The stems are Cal Sans's own (131 units of a 1000-unit em); each stops 60 below the baseline, and the drop hangs 26 below it: a circle of radius 80 drawn up to a tip 2.1× its radius above the centre.

ascender 730x-height 520baselinestem 131gap 26r 80
The p's stem drips
ascender 730x-height 520baselineone shared stem
d and m share the stem

Clear space and size.

Keep at least one drop's height clear on every side. Don't go below the minimum sizes: the drop stops reading as a drop.

Clear space = the height of the drop
Wordmark: 88 px / 24 mm wide
Mark: 24 px / 7 mm wide
Favicon: 16 px, with a bigger mark tuned for that size
Minimum sizes

Colour. Ink, paper and one drop.

The brand is black and white; the orange belongs to the drop. Use it once per view, for the thing you want seen first. Click a swatch to copy it.

AaInk on paper
19.8:1 · AAA
AaPaper on ink
19.8:1 · AAA
AaDrop on ink
6.3:1 · AA
AaDrop on paper
3.1:1 · Large text only

Type. Cal Sans and Inter.

Cal Sans for headings and the logo, Inter for everything you read. Both are open source (SIL OFL).

Aa
Cal SansDisplay · 400

abcdefghijklmnopqrstuvwxyz 0123456789 RM

Aa
InterText · 400, 500

abcdefghijklmnopqrstuvwxyz 0123456789 RM

  1. DisplayCal Sans · 4vw (57.6 px at 1440) · −0.02emMerch people wear.
  2. HeadingCal Sans · 3vw (43.2 px) · −0.01emPaid in ringgit.
  3. LeadCal Sans · 21 px · 1.45Design it, we make it.
  4. BodyInter · 17 px · 1.65Printing, packing and dispatch for every catalog order.
  5. SmallInter · 14.5 px · 1.45No upfront costs. No card needed to start.

Icons. The mark on a tile.

App icons, favicons and avatars use the dm mark on a square. The platforms round the corners themselves, so the files you upload are full bleed.

dm app icon on ink
InkSVGPNG
dm app icon on drop
DropSVGPNG
dm app icon on paper
PaperSVGPNG
DropMerch profile picture
AvatarPNG
Favicon 16 · 32 · 48ICOSVG

Usage. A few rules.

Use the files as they are. When in doubt, ink on paper.

Don't colour the letters
Don't stretch or squash it
Don't add outlines or shadows
Don't set it on busy, light photos
dropmerch
Don't rebuild it in another font
Don't use orange backgrounds for the wordmark
Writing the name

In sentences it is DropMerch: one word, capital D, capital M. The lowercase belongs to the logo only.

  • DropMerch
  • ✕ Dropmerch
  • ✕ Drop Merch
  • ✕ DROPMERCH

Social. Ready to post.

Share images in the sizes the platforms expect. The link preview (Open Graph) image is what people see when a DropMerch link is shared.

DropMerch link preview image
Link preview · 1200 × 630PNG
DropMerch square post
Square post · 1080PNG
DropMerch profile banner
Profile banner · 1500 × 500PNG

Downloads. Everything in one place.

The whole kit23 files · logos, icons and social images · 803 KB
Download .zip

Using the logo to say you sell with DropMerch, or in an article about us, is fine. Please don't use it in a way that suggests we sponsor or endorse something we don't.

© DropMerchTerms of servicePrivacy policyMade in Malaysia