To the content

How nice.

Social Media

The design for social media is very much the same as in real life. Most of the design guidelines for offline apply also online.

Profile picture/Logo Copy link to this element

This is one of the few cases in which the flag is isolated from the logo and used independently. The safe space also deviates from the rules – due to the exceptionally small format – and is defined separately for this special case.

 

Branded Hashtag
In addition to the branded hashtag #feelaustria, the hashtag #lebensgefühl should also be used. Lebensgefühl should stand as a synonym for Austria and should therefore also be continuously transported and established via social media postings and content in general.

It is possible to use the hashtag with an umlaut on Instagram, Facebook, YouTube and Pinterest: #lebensgefühl
On TikTok it is currently only possible to use the hashtag like this: #lebensgefuehl

Colour World Copy link to this element

The colour scheme is also taken from analogue life – or rather from its design system. However, the primary colours are limited to white and red. Black is not used in social media. However, the full range of secondary colours may be used.

Discover more

Pantone: White
C: 0 M: 0 Y: 0 K: 0
R: 255 G: 255 B: 255
HEX: #ffffff

  • B̶a̶c̶k̶g̶r̶o̶u̶n̶d̶
  • Headlines
  • Sublines
  • Copy texts (Social Media)

Pantone: 485C
C: 0 M: 100 Y: 100 K: 0
R: 220 G: 0 B: 0
HEX: #dc0000

  • L̶o̶g̶o̶-̶f̶l̶a̶g̶
  • Vibe
  • Headlines
  • Sublines
  • CTA-Buttons (Banner)

P̶a̶n̶t̶o̶n̶e̶:̶ ̶B̶l̶a̶c̶k̶ ̶
C̶:̶ ̶4̶0̶ ̶M̶:̶ ̶4̶0̶ ̶Y̶:̶ ̶4̶0̶ ̶K̶:̶ ̶1̶0̶0̶ ̶
R̶:̶ ̶0̶ ̶G̶:̶ ̶0̶ ̶B̶:̶ ̶0̶ ̶
H̶E̶X̶:̶ ̶#̶0̶0̶0̶0̶0̶0̶

black is not used for social media

  • S̶u̶b̶h̶e̶a̶d̶i̶n̶g̶
  • C̶o̶p̶y̶ ̶t̶e̶x̶t̶s̶ ̶(̶E̶d̶i̶t̶o̶r̶i̶a̶l̶)̶
  • U̶R̶L̶
  • Maps
  • Info graphics
  • Editorial illustrations
  • colored text boxes for social media (colour versions 4 and 5 only)
  • GIFs (Social Media)

The colours are not used in standard ads.

Fonts Copy link to this element

The same font families are used online and offline. In Latin languages, Alaska again ranks higher in the hierarchy, supported by Nunito. In other languages, the font hierarchy is different.

Discover Typography

Alaska Contrast Medium

  • Headline

Alaska Medium

  • Subline
  • Headline in text box (Social Media)
  • Headline without text box (Social Media)
  • Copy text (Social Media)

Alaska Regular

  • Subtitles

Nunito Sans Regular

  • Picture credits

Font family Hierachies Copy link to this element

Numbers
Carousels sometimes have an enumeration. These numbers are the only use of Alaska Bold. The Bold style is never used for whole words or sentences. Single numbers are the only exception!

Vibe Copy link to this element

The vibe is used also in the social media. When, where and how exactly has already been specified.

Discover Vibe

Illustrations Copy link to this element

Illustrations may be used to support inserts or visual content. However, they should be applied moderately so as not to overload the eye and attention of the reader.

Discover Illustrations

Partner Integration Copy link to this element

For the integration of partners on social advertising media, different guidelines have been set in order to ensure a harmonious overall picture.

Link Posting - External placements Copy link to this element

This template is used for external placement. The logo can be used in black or white.

Motion Copy link to this element

In principle, the same rules apply to social media as to all moving images, but there are a few special features that need to be taken into account.

Discover Motion Design

Cornerbug Copy link to this element

  • No cornerbug is required for pure 16:9 YouTube content videos.
  • For 9:16 social media video formats, there will also be no cornerbug because it is either cropped or disturbed by the interface. For these cases we recommend the vibe animation.
  • In the social media area there is always a cornerbug anyway: namely the profile picture Thus, the profile picture is the cornerbug for played ads.

Textinserts Copy link to this element

Depending on the background, inserts can be set to white or red. You can be inspired by the various options of the 16:9 version for placement. The text size is freely selectable and should be adapted to the respective advertising medium and be easy to read.

The grid columns do not have to be taken into account in social media videos. The safe space must of course still be
taken into account - 250 px to the top and bottom of the image.

Subtitles Copy link to this element

Subtitles can be added via Canva or Adobe programs, as well as directly in the respective app, e.g. YouTube, Instagram or TikTok. Instagram or Tiktok have different layouts available for their subtitles. We always use the same settings to ensure consistency.

Automatic subtitles - whether YouTube or Tiktok - can always be edited manually. Please always check so that no errors creep in. YouTube offers several ways to add subtitles: write them yourself, SRT file, transcribe, or automatically.

On Instagram, only use this font. Either red or white. Backgrounds are never used.

For TikTok, only use the Classic font. Preferably in white. If this hinders readability, the grey background can be used.

The subtitles can stand alone in white. If this hinders readability, the grey background (gradation 5) can be made semitransparent. The font size used is 33pt or 44 px.

Meta (FB & IG) Copy link to this element

Textbox and image credits Copy link to this element

There is a frame (shown here in gray). Text is placed in text boxes that are aligned with this frame and never extend beyond it. The image credits are outside this frame.

Image credits can be placed in all 4 corners - preferably not in the corner where the headline is placed.

Text boxes can be positioned flexibly anywhere along the safe spaces. The text box never appears on its own, but always in combination with the vibe. Either the first or last line is empty. There is space there so that the box can overlap with the vibe. The width of the box depends on the The width of the box depends on the length of the text or the pagination options.

 

Carousel Copy link to this element

Carousels has a vibe that runs through it. In between, it disappears and reappears again and again. The vibe strength is always the same thickness.

  • If the 1st image is calm enough, the headline can also be placed without a background.
     
  • The headline is white or red, depending on legibility.
     
  • The color of the font box is chosen according to which colors are predominant in the picture.

 

  • If the carousel text is very short (e.g. place names) and the upper part of the image is quiet enough for all images, the subsequent images can also be set without a text box.
     
  • Here you can see two different implementation types for the same posting. Both are possible and can be selected depending on the image selection.

Bucketlist Copy link to this element

The background image for the event carousel must be as still as possible, such as a close-up with depth of field. It must be calm enough to allow the headline to be placed in the top lefthand corner without a text box.

  • The area is always half the width of the post.
     
  • If you can't fit all the events in one post, you are welcome to make several parts of it.
     
  • Each area varies in color (depending on what goes well with the image used).

Two text boxes Copy link to this element

The text box with the headline is always below and the text box with the subline is always above the vibe. In addition, the left or right edge of the two color boxes (depending on whether the text box is docked to the left or right of the Safespace in the image) must be flush.

Multipost Copy link to this element

We loosen up the feed on Instagram by occasionally having posts where a color area (text) dominates. In this case, the text box is always as large as shown here.

It is possible to split the image in order to make a section of it visible in a second, related post. The vibe continues.
If the image does not allow this, you can also take two different matching images on the same topic, and only the vibe subtly marks the connection.

Stories Copy link to this element

Vibe can occur, but does not always have to. The vibe can be static, but it can also animate in and out as a video. This black area is a placeholder for usergenerated content. The quieter the background image used, the better.





Text
The font is red or white, depending on the image and legibility
The Lift-Effect can be used as required
Sublines and continuous text are always left-aligned
The headline can be leftaligned or center-aligned

Links / Tags / Hashtags
Design from Instagram in black and pink display

Text on the go
If you need to design spontaneously on the go in the Instagram app, please only use this font. Colors: red or white

Highlight Covers
80 % transparency of the secondary colors Behind it is an image in black and white

Instagram Reels Copy link to this element

It is better to wrap more often, The font can vary freely in size and position (within the safe space).

If you want to design directly in the Instagram app, please only use the "Classic" font in the following colors.
Preferred: Colors red or white without backing. Safe spaces also included here.

Pinterest Copy link to this element

Idea Pin Copy link to this element

From time to time, idea pins are used on Pinterest. An idea pin consists of several slides and allows more information to be included. Here, the important thing is the vibe that continues across the individual slides.

YouTube Copy link to this element

The texts in the thumbnails are deliberately large so that they are they are ideally readable in this small application. The font and vibe strength are the same size in all videos. This means that the text must be short and crisp.

Please accept the marketing cookies to watch this video.

TikTok Copy link to this element

  • You can add a shadow to the font if required. However, you can also use the secondary colors over a large area if you need an intro/typo teaser.
  • As an alternative to the text boxes, the font can also be placed directly on the moving image. Either red or white.
  • If you want to design directly in the TikTok app, please only use the "Classic" font.
  • If the legibility is not given, the semi-transparent backgrounds can be used.
  • The white location display is always preferable. The display of mentions and hashtags cannot be changed.
Next chapter

Motion

To the main navigation