Skip to main content

Brand

The Yumma CSS & Yumma UI marks, and how to use them.

Each mark comes light and dark, on its tile and without it, as SVG and PNG.

Yumma CSS

Yumma CSS mark on its tile, lightYumma CSS mark, light
Light, on its tileSVGPNG
Light, without the tileSVGPNG
Yumma CSS mark on its tile, darkYumma CSS mark, dark
Dark, on its tileSVGPNG
Dark, without the tileSVGPNG

Yumma UI

Yumma UI mark on its tile, lightYumma UI mark, light
Light, on its tileSVGPNG
Light, without the tileSVGPNG
Yumma UI mark on its tile, darkYumma UI mark, dark
Dark, on its tileSVGPNG
Dark, without the tileSVGPNG

Space and Size

Leave clear space around the mark equal to a quarter of its width.

Use the mark on its tile at 16 px and up, and without the tile at 24 px and up. The tile is for icons and avatars; the mark without it sits next to text.

Colors

Accent#4c5fc7
Accent on dark#bec6f2
Ink#14171f
Page#f7f8fb

What to Avoid

  • Change the colors of the mark or the glass.
  • Stretch, rotate or crop it.
  • Add shadows, outlines or other effects.
  • Place it on a photo or a busy pattern.
  • Use one product's mark for the other.