Design Element

In addition to our logo, font and colours, we also use a shape in order to compose a truly unique expression. This shape inherit properties from our company logo. It can be used to break up the horizontal and vertical dominated environment or frame text elements in a way that ties the content together with design.

The diagonal is 75 degrees, and there are many ways of producing this shape, but as a safe option you can
DOWNLOAD DESIGN ELEMENT ASSET AT THE RESOURCE PAGE

Design driver

The diagonal line is taken from the letters V & A from the Visma logotype. The shape promotes a sense of direction, movement and intention. This intention can also prove itself as a tool when composing almost any Visma design online or for printed material. As a design driver the element can either help the whole composition of a layout or work entirely on its own as a point of interest or attention area.
Some new benefits and opportunities comes with this shape. Where we earlier used a “colour container”, we now encourage designs with a diagonal separator instead, making more space for our font to flourish.

While using this shape together with colour we enable content to gain even more impact. Allowing only full colour (no opacity) as background for the text, we also ensure great readability.
Visma Brochure

How to use it

When composing new material including the design element, please try to resemble the usage of the shape from the examples of this guide. Consistency strengthen our brand.

Guidelines:

  • The diagonal needs to be exactly 75 degrees, but it can be oriented both left or right.
  • Only solid Visma colours or white can be used.
  • Use the shape to either separate content or frame a text element as a container (See ex 1)
  • The element can be aligned to more than one margin.
  • Ensure good balance by not positioning the diagonal too close to margins (See ex 2)
  • Ensure good padding inside element if it is used as a text container.(See ex 3)
  • Not more than one diagonal per composition.

EXAMPLE 1. ALLOWED POSITIONS / ALIGNMENT

Not allowed positions

EXAMPLE 2. NOT ALLOWED POSITIONS / ALIGNMENT

Design element good text padding

EXAMPLE 3a. GOOD TEXT PADDING 

Horrible text padding

EXAMPLE 3b. BAD TEXT PADDING