Introduction

People love Dagbladet. People hate Dagbladet. But most important of all – people read Dagbladet. More than a million souls every day. They rage with anger and shed tears of joy. We experience their full range of emotions. Make something that matters to the people around you.

Logo

The dagbladet logo. Always on a red background.

Last ned som:

Avoid

Respect the logo and the logo will respect you. Use the logo as it is and don't change anything with it!

Avoid stretching or compressing the logo.

Avoid removing the red background, or change the color of the text

Avoid rotating the logo.

Avoid changing the colors in the logo.

Avoid expanding the box.

Avoid expanding the box.

Avoid removing the background and add drop shadow.

Avoid being creative with the logo and add gradients.

Avoid removing the background and add it over a image.

Brand Colors

Primary

HEX

#D60000

RGB

(214,0,0)

Secondary

HEX

#F8F8F8

RGB

(248,248,248)

HEX

#C0C0C0

RGB

(192,192,192)

HEX

#767676

RGB

(236,236,236)

HEX

#222222

RGB

(34,34,34)

HEX

#1C1837

RGB

(28,24,55)

HEX

#E5E1D9

RGB

(229,225,217)

Interactive

HEX

#8ABA56

RGB

(138,186,86)

HEX

#3768C9

RGB

(55,104,201)

Typography

We relish at the oppertunity to work with the written word. Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.

This is the regular family, which can be used alongside the Roboto Condensed family and the Roboto Slab family.

Roboto Bold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Bold

Weight: 700

Style: normal

Roboto Bold Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Bold Italic

Weight: 700

Style: italic

Roboto Regular

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Regular

Weight: 400

Style: normal

Roboto Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Italic

Weight: 400

Style: italic

Roboto Light

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Light

Weight: 300

Style: normal

Roboto Light Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Light Italic

Weight: 300

Style: italic

Branding

Some interesting and cool text goes here!

Headings

Red text width white background

Virkeligheten overgår alt

<section class="heading-wrap">

<div class="heading">

<p class="heading-highlighted">Virkeligheten overgår alt<p>

</div>

</section>

<style>

.heading-wrap {

max-width: 800px;

text-align: center;

margin: auto;

}

.heading {

padding: 50px 0px 20px 0px;

}

.heading-highlighted {

background-color: #fff;

color: #d60000;

display: inline;

padding: 5px 30px;

font-family: Roboto;

font-size: 3.5rem;

line-height: 1.8em;

font-weight: 900;

-webkit-box-decoration-break: clone;

box-decoration-break: clone;

}

<style>

White text width red background

Virkeligheten overgår alt

<section class="heading-wrap">

<div class="heading">

<p class="heading-highlighted">Virkeligheten overgår alt<p>

</div>

</section>

<style>

.heading-wrap {

max-width: 800px;

text-align: center;

margin: auto;

}

.heading {

padding: 50px 0px 20px 0px;

}

.heading-highlighted {

background-color: #d60000;

color: #fff;

display: inline;

padding: 5px 30px;

font-family: Roboto;

font-size: 3.5rem;

line-height: 1.8em;

font-weight: 900;

-webkit-box-decoration-break: clone;

box-decoration-break: clone;

}

<style>

Without code

Examples

Backgrounds

Red background with gradient

<style>

.background {

background-color: #d60000;

background:linear-gradient(#a30000, #d60000, #a30000);

}

</style>

Dagbladet Pluss

Dagbladet plus is journalism worth paying for. Here you will find investigative journalism, exploratory documentaries and reports for everyone. As this is premium the design needs to reflect that and it is important that everything will impress the reader and get them to buy the subscription

Download as:

Avoid

Respect the logo and the logo will respect you. Use the logo as it is and don't change anything with it!

Avoid stretching or compressing the logo.

Avoid changing the colors in the logo.

Avoid separating the pluss-box and dagbladet logo.

Avoid rotating the logo.

Avoid any type of shadow in the logo.

Avoid being creative and add or remove things in the logo.

Branding

Magasinet

The magazine is a subcategory on Dagbladet plus which gives readers high quality articles often in the form of documentaries and portraits focusing on life and food.

The articles on Magasinet have often different types of styles that reflects and fits the content.

"The biggest reader experience for the week"

Download as:

Typography

Magasinet is using the Mercury Display font. A succinct family of display faces, Mercury answers the call for a contemporary serif that’s smart, quick, and articulate.

Mercury Display Bold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Bold

Weight: 700

Style: normal

Mercury Display Regular

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Regular

Weight: 300

Style: normal

Mercury Display Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Italic

Weight: 300

Style: Italic