Leader image block heading 48px

Details: Content Width 12 / Spacing Top 40px, Bottom 100px
The image is bigger than in the follower image block. We can have it right or left. Should be used as a teaser as much as possible. We recommend not having more than 4 lines of text on desktop view.

Find out more

Follower image block
heading 36px

Details: Content Width 12 / Spacing Top 40px, Bottom 100px
In this block we can have 2 images following each other. In this example we use only one. We recommend not having more then 4 line of text, on desktop view.

Find out more

Follower image block

Here an example of the same Follower block with two images, and with the images on the left, text on the right.

Find out more

Follower image block

Here an example of the same Follower block with two images and text on the left. Instead of a second image we have a transparent gradient. This gives more attention to the remaining image, and balances out the design.

Find out more

A1 apprenticeships

Teaser image block, for this element we recommend having two, maximum three lines of text and a short headline.

Find out more

#Makeithappen!

Find your dream job at A1.

Job search

Elements used in content pages

all elements

Heading block 48px, Bold
Spacing top 70px, bottom 30px

Paragraph block: Spacing Top 0px, Bottom 30px / A1 Sans, 24px, Regular. This introduction paragraph, uses a bigger font size than the regular text size 24px instead of 18px. Content Width is 8 for all text blocks, except quotes. Our recommendation is to keep the introduction text limited to 4-6 lines of text, always followed by media (photo, video, testimonial) and not plain text (sub headline or plain text).

Heading block 36px, Regular
Spacing top 70px, bottom 30px

Paragraph block: Spacing Top 0px, Bottom 70px
Without the right spacing your page will look unbalanced. A balanced spacing gives a good reading flow. We simply keep a 70px Spacing in total between individual elements, and a 30px Spacing in total between the Heading and Text element (which means in detail a Bottom Spacing of 30px in the Heading and a 0px Top Spacing in the Paragraph Block, or vice versa).

Natalia’s view on agile working.
We met Natalia Mironova, Head of Product and Business Solutions Development Department at A1 Belarusand discussed how to help teams to switch to agile work and how this method helps in daily life.
To A1 Stories

Paragraph with link example

Creative environments are breeding grounds for innovation. Here at A1 we take innovation seriously. That’s why we nurture it through internal programs, aimed at providing the opportunity conceive new ideas. These ideas can be then further developed into mature products, ready to be “let loose” on the market. Our Intrapreneurship program called “Empowering Ideas” gives the best teams the chance to concentrate all their energy exclusively on those ideas for a specific amount of time. Find out more about A1 Empowering Ideas

Paragraph with link block

When using a link block we give it a bit more spacing to the following element and have the Bottom Spacing 100px instead of 70px.

The A1 Brand Family is growing in Central and Eastern Europe. This means that cooperation across our operating markets is more and more important. Many projects are being implemented according to the “One to All” principle, with projects being either inspired by local successes in their respective countries or as strategies being conceived at a corporate level.

Image, Video, Gallery blocks

In most cases we use an image or a video with a Content Width of 10 (see example video). If the image is low quality we make the Content Width 8 or smaller. In case of a Gallery Carousel we use Content Width 12.

We can add heading

and text – Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a quote with white Background color. Depending on its text length the Content Width ranges from 8 to 12

A1 Telekom Austria Group

This quote has a blue Background and a Top/Bottom Spacing of 70px. With the colored background it is more prominent, see what fits best your page flow.

Benefit 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Benefit 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Weil nichts über die Gesundheit geht …

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Name and position or sun headline
Make it happen – our EVP explained in a new video.
A1 Group – Empowering Ideas accross Europe

A1 Internet for All

From family brochures in Slovenia to coding labs in Austria to centers for a safer internet in Croatia.

Find out more

#MakeItHappen

Find your job at A1

Job search