Brief

STRUCTURE of your site

A website can be calm and minimal - or bold and expressive. Neither approach is better than the other.
It simply depends on your brand and the audience you want to reach.
01

ASYMMETRICAL

Description

A free-flowing layout with an uneven distribution of elements.It creates movement, dynamism and a sense of modernity. Light, engaging and visually unexpected.

For whom

Bold, creative and informal brands. Perfect for agencies, startups, lifestyle brands and younger audiences.

Associations

Energy. Originality. Freshness.
Lightness. Freedom. Creativity.

see how it works in practice

asymmetric composition
02

SYMMETRIC

Description

A balanced layout based on mirrored structure. It brings order, clarity and a sense of stability. Clean, structured and highly professional.

For whom

Brands focused on trust, precision and reliability. Ideal for law firms, finance, institutions and premium brands.

Associations

Order. Elegance. Stability.
Predictability. Trust. Professionalism.

SEE REAL EXAMPLES online

symmetric composition

COMPARE COMPOSITIONS

01

ASYMMETRICAL

02

SYMMETRIC

WHITE SPACE in LAYOUT

This defines how content is distributed across the page -
how much space elements have and how freely the layout can “breathe”.

White space (also known as negative space) is not wasted space - it’s what creates clarity, hierarchy and balance.

Used well, it can make a website feel either compact and information-rich or calm, refined and elegant.
01

CONDENSED

Description

Minimal spacing, a high density of content.
Elements are placed close together, making the most of available space and reducing the need to scroll.

For whom

Technology companies, e-commerce and content-heavy websites - where speed, efficiency and quick access to information matter.

Associations

Intensity. Functionality. Focus.
Efficiency. Everything within reach.

see examples online

CONDENSED LAYOUT
02

SPACIOUS

Description

Generous spacing between elements creates a sense of openness. The layout feels lighter, giving users space to focus and process content comfortably.

For whom

Premium brands, creative studios, wellness and design-driven businesses -where aesthetics and experience matter.

Associations

Elegance. Clarity. Calm.
Lightness. Sophistication.

SEE REAL EXAMPLES online

SPACIOUS LAYOUT

COMPARE layouts

01

CONDENSED

02

SPACIOUS

TYPOGRAPHY

Typography shapes how your brand is perceived.
It can feel formal and authoritative - or light and expressive.
In this section, we’ll define which typographic style best fits your brand -
classic, modern, or a combination of both.
01

SERIF

Description

Fonts with decorative strokes, associated with tradition and print.
They feel classic, elegant and trustworthy.

For whom

Law firms, cultural institutions and premium brands - especially those that emphasize tradition, credibility and experience.

Associations

Class. Authority. Tradition. Trust.
Best used in headlines or short text blocks rather than long passages.

see examples online

SERIF TYPOGRAPHY
02

SANS-SERIF

Description

Clean, simple and highly legible.
The most commonly used typefaces in digital environments.

For whom

Startups, technology companies, e-commerce and modern brands - where clarity, speed and accessibility matter.

Associations

Modernity. Simplicity. Freshness.
Clarity and ease of use across all devices.

SEE REAL EXAMPLES online

SANs-SERIF TYPOGRAPHY
03

MIX

Description

A combination of serif and sans-serif fonts - typically serif for headlines and sans-serif for body text.

For whom

Creative, cultural and educational brands, those that want character while maintaining readability.

Associations

Balance. Contrast. Style.
A refined look with a modern edge, when used thoughtfully.

SEE HOW IT WORKS IN PRACTICE

mix TYPOGRAPHY
GUIDES and TIPS
GOOD PRACTICES
FOR WEBSITE DESIGN
Everything you need to know about working with a web agency