Skip to main content

Brand

The Yumma CSS & Yumma UI marks, light & dark, as SVG & PNG.

View as Markdown

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 & size

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

Use the tiled mark from 16 px for icons & avatars, and the bare mark from 24 px 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.