Brands

To create a new brand from Figma or Illustrator there´s a couple of easy steps you need to follow to get it right for our Brand component.

Figma template

Start with the Figma template for a new brand. Detach instance and start placing your logotype.

Placing and cropping the wordmark

Place the vector logotype on the template and balance it with the Svenska Spel avatar “Vinnaren” (100 px in the template) and match it with the original logotype (Illustrator ai). Be sure that the wordmark fits the cropping area of 160 px height.

Before cropping the wordmark be sure to hide the Svenska Spel avatar and the dotted placing area.

1. Cropping area (horizontally)

Exporting SVG in Figma

After cropping the logotype horizontally you can export the wordmark of your logo as an SVG and then deliver it to your developer colleague for implementation in the Brands component.