Design · Logos and colours

Build display cards around a shared layout

Step by step: Give the message priority. Define a simple layout. Keep backgrounds simple. Apply the layout to different content. The guide takes you from a shared layout to a tested sample card.

SUISSE-VIDEO · 6 October 2026 · 4-minute read

1. Give the message priority

Decide what visitors should notice first: the offer or the information. A logo identifies the business but should not compete with the heading. An oversized logo on every card takes up space without explaining the content.

2. Define a simple layout

Agree a fixed place for the business identity, an area for the main message and one for supporting details. Use a small number of text styles and consistent colour roles, such as dark text, a light background and one accent colour. Choose the actual colours to suit your business and test them on the screen.

3. Keep backgrounds simple

A detailed photograph can compete with the text. Use a calm background for text cards or place information in a clearly separated area. Test every combination on the device. Colour can help organise content; also spell out important distinctions rather than relying on colour alone.

Illustrative example: two layouts for the same message

Before: competing elements

PIZZERIA OLIVA

TODAY!

Margherita

CHF 18

Homemade pizza

After: clear hierarchy

PIZZERIA OLIVA

Margherita

CHF 18

Homemade pizza · TODAY!

Fictional card. The price is illustrative; the layouts demonstrate design principles.

Before and after: what changes?

Area	Before	After
Business identity	Cluttered: the logo dominates every card	Clear: a small identifier in a fixed position
Text styling	Cluttered: multiple styles and changing colours	Clear: consistent roles for the main message and supporting lines
Background	Cluttered: text over a busy photograph	Clear: a calm surface behind the information

Fictional design example, not a customer case study.

4. Apply the layout to different content

In the fictional example, the business name stays in the same place. A menu card starts with the dish, an event card with the event and a guest-information card with the notice. The price, date or next step follows beneath. Consistency means a shared structure, not identical wording or the same amount of text on every card.

5. Test and document a sample card

Create a sample card in the text editor and check its text, colours and background in the preview and on site. The local help describes text styling, colours and background images. Logo placement here is a design rule, not a claim about an automatic software feature. Record the rules in a short internal reference and check new cards against it.

Checklist

The main message stands out more than the logo.
Business identity and content areas have fixed positions.
Text styles and colour roles are defined.
Important distinctions are also explained in words.
All samples are checked on the actual screen.
Design rules are documented for the team.

Use these checkboxes as a checklist. Your selections are not saved.

All blog posts

Make your daily specials easy to read at a glance · From flyer to screen: turn printed material into clear display cards