Brand guidelines

Variations

Horizontal

Horizontal is the preferred orientation for our logo.

Vertical

Vertical is to be used in cases where the horizontal logo does not fit the design.

Horizontal (special use)

The size of the symbol can be reduced when the layout space is limited, such as when printing on pens.

Symbol

The Yggdrasil symbol can be used on its own when space does not allow the full logo to be used. Never attempt to recreate the logo – always use the artwork provided and adhere to the usage guidelines. Grey or orange backgrounds are preferred. Photos or busy backgrounds must be faded into monochrome to provide sufficient contrast with the logo.

Do's and Dont's

Tree symbol should always be displayed
in white or orange. The text should always be displayed in black or white. Full black
or white iterations of the logo can also be used where needed.

Key visual
Key visual
Secondary Visual
Secondary Visual
Do not use the logo in a colour outside the branded colours.
Do not change the position of the text or symbol.
Do not add any shadows or other effects to the logo.
Do not use opacity on or blur the logo.
Do not stretch or skew the logo.
Do not use the logo on a complicated background. Any background images must be faded and monochrome, giving emphasis to our logo.

Safe area

Make sure the minimum clear space is applied to the logo and symbol. Maximize clear space wherever possible.

Colors

The Yggdrasil logo uses two main colors: Yggdrasil Orange and Yggdrasil Dark Gray. Primarily the logo should be used on a grey or white background for maximum impact and clarity.

Colors Scale

  •  

    Yggdrasil Orange

    Desktop
    r:250 g:100 b:50
    #fa6432
    Print
    c:0 m:60 y:80 k:2
  •  

    Yggdrasil Dark grey

    Desktop
    r:42 g:42 b:48
    #2a2a30
    Print
    c:13 m:13 y:0 k:81

Complementary colors

The below colour palette can be used in presentations, diagrams, charts etc…

  •  
    Desktop
    r:50 g:0 b:105
    #320069
    Print
    c:52 m:100 y:0 k:59
  •  
    Desktop
    r:75 g:25 b:165
    #4b19a5
    Print
    c:55 m:85 y:0 k:35
  •  
    Desktop
    r:130 g:0 b:215
    #8200d7
    Print
    c:40 m:100 y:0 k:16
  •  
    Desktop
    r:255 g:45 b:55
    #ff2d37
    Print
    c:0 m:82 y:78 k:0
  •  
    Desktop
    r:255 g:180 b:45
    #ffb42d
    Print
    c:0 m:29 y:82 k:0
  •  
    Desktop
    r:50 g:200 b:220
    #32c8dc
    Print
    c:77 m:9 y:0 k:14