Skip to main content
The Mannco.store logo comes in two versions. Use the one that fits the space and context, and keep the guidelines below so the brand stays consistent everywhere it appears.

The two versions

Full logo (wordmark)

Mannco.store full logo
Symbol + wordmark. This is the primary logo — use it wherever there is room for it: website headers, documents, presentations, and marketing.

Icon (symbol only)

Mannco.store icon
The standalone symbol. Use it in tight or square spaces: favicons, app icons, avatars, social profile pictures, and loading states.

When to use which

When in doubt, reach for the full logo. Only drop to the icon when the space is too small or too square for the wordmark to remain legible.

Clear space & minimum size

Give the logo room to breathe. Keep clear space around it equal to the height of the symbol on all sides — don’t crowd it with text, other logos, or edges.
  • Full logo — minimum width 120px on screen. Below that the wordmark becomes hard to read.
  • Icon — minimum size 24px. Below that, switch to a simpler placement.

Colors

The logo uses three colors: the Mannco teal gradient for the symbol and “.store”, white for “mannco”, and a navy backing that hugs the wordmark.

Teal (gradient start)

#2DD4DF

Teal (gradient end)

#1FB8E2

Navy (backing)

#313046
The gradient runs from #2DD4DF to #1FB8E2. The “mannco” text is white and the “.store” text uses the teal gradient, both sitting on the #313046 navy backing.

Backgrounds

The full logo is self-contained — the navy backing carries the wordmark on any background, so the same file works everywhere. On dark surfaces the backing blends in and reads as a clean white-and-teal wordmark.

On light

Mannco.store logo on light

On dark

Mannco.store logo on dark

Do & Don’t

Do

  • Keep the original proportions — scale width and height together
  • Preserve the clear space around the logo
  • Use the same logo file on light and dark backgrounds
  • Use the icon when the full logo won’t fit legibly

Don't

  • Stretch, squash, or rotate the logo
  • Recolor the symbol or change its gradient
  • Add drop shadows, outlines, or other effects
  • Place the logo on a low-contrast or busy background

Downloads

All assets are SVG, so they stay crisp at any size.