---
title: Visma Brand - Layout Basics
description: "How Visma layouts work: choosing between Full and Focus, using rounded corners, and keeping element placement to centre or edge."
image: https://design.visma.com/hubfs/00%20Visma%20Brand/02%20Page%20assets/Typography/typography-hero.svg
---

 Choose language

[Skip to main content](https://design.visma.com/layout-basics#main-content)

[![visma-logo--brand-guidelines-](https://design.visma.com/hubfs/00%20Visma%20Brand/00%20Logos/visma-logo--brand-guidelines-.svg) ](https://design.visma.com?hsLang=en)

- Brand foundation 
    - [Home ](https://design.visma.com?hsLang=en)
- Identity foundation 
    - [Brand idea ](https://design.visma.com/brand-idea?hsLang=en)
    - [Logo ](https://design.visma.com/logo?hsLang=en)
    - [Colours ](https://design.visma.com/colours?hsLang=en)
    - [Typography ](https://design.visma.com/typography?hsLang=en)
- Visual language 
    - Triangle system 
          - [Overview ](https://design.visma.com/triangle-sytem?hsLang=en)
          - [Triangle glyphs ](https://design.visma.com/triangles?hsLang=en)
          - [Triangle patterns ](https://design.visma.com/triangle-patterns?hsLang=en)
          - [Triangle compositions ](https://design.visma.com/triangle-compositions?hsLang=en)
    - Layout 
          - [Basics ](https://design.visma.com/layout-basics)
    - Imagery 
          - [Photography ](https://design.visma.com/photography?hsLang=en)
- Resources 
    - [Assets for employees (internal) ](https://design.visma.com/resources?hsLang=en)
    - [Image bank (internal) ](https://visma.stockpress.co/collections)
    - [Design request (internal) ](https://forms.gle/afGf8M4WHyWr2F1b7)
    - [Image bank for Medias ](https://visma.stockpress.co/s/media-bank)
    - [Contact ](https://design.visma.com/contact?hsLang=en)

© Visma 2026 All Rights Reserved

# Layout Basics

Most Visma layouts are built from two simple structures. They keep work clear, consistent, and easy to adapt across formats. Start here for almost everything: presentations, editorial pages, cards, social, documents.

![](https://design.visma.com/hs-fs/hubfs/Group%20705160734.png?width=1246&height=830&name=Group%20705160734.png)

![](https://design.visma.com/hs-fs/hubfs/Group%20705160735.png?width=1246&height=830&name=Group%20705160735.png)

### Full or Focus

Every layout starts with a choice about the image or background.

**Full** is open canvas. The image or colour fills the frame, edge to edge, and carries the whole surface.

**Focus** is framed. The image sits inset within a field, floating with space around it. Focus can go two ways: tightly focused, one small element held in a large calm field, or paired, where the frame is divided and an image sits alongside content. In both, the image is contained rather than filling the frame.

![Layout-2](https://design.visma.com/hs-fs/hubfs/Layout-2.png?width=2113&height=660&name=Layout-2.png)

Full

![layout 2-2](https://design.visma.com/hs-fs/hubfs/layout%202-2.png?width=2111&height=660&name=layout%202-2.png)

Focus

### Center or Edge

Elements on top of the layout, text, glyphs, supporting graphics, follow Orbit logic. They sit either at the centre or at the edges. Never in between.

Think of it as a centre of gravity. An element is either pulled into the middle, holding focus, or pushed out to the corners and edges, framing the space. There is no three-quarter, no floating in an awkward middle ground. Centre, or edge. This keeps every layout feeling intentional and unmistakably Visma.

![Frame 1618871265](https://design.visma.com/hs-fs/hubfs/Frame%201618871265.png?width=1246&height=830&name=Frame%201618871265.png)

![Frame 1618871266](https://design.visma.com/hs-fs/hubfs/Frame%201618871266.png?width=1246&height=830&name=Frame%201618871266.png)

![](https://design.visma.com/hs-fs/hubfs/00%20Visma%20Brand/02%20Page%20assets/Coming%20soon/coming-soon-preview-20.jpg?width=1013&height=563&name=coming-soon-preview-20.jpg)

## Rounded corners only

Every framed image, card, and container uses rounded corners. Never square. This keeps the digital expression soft and approachable, and consistent across everything we make.