Styleguide 2016.02

Schriften Headline

Roboto Light

Good Headline Cond Black Italic

Technische Details

Roboto Condensed

Roboto Regular

Produkt Titel

Roboto Condensed Preis

Bebas Neue Bold Button / Link

Roboto Condensed Italic (14 Pixel Fix!)

S. 1

Logo Dos

S. 1

Wichtig! Das Logo darf in keiner Weise verzerrt oder farblich verändert werden.

Don'ts

Schriften

S. 2

Headline

Good Headline Cond Black Italic Produkttitel

Roboto Condensed (#383838) Technische Details

Roboto Condensed

Roboto Regular

Preis

Bebas Neue Bold (Preis mit oder „Euro“ „€“ dahinter, #ff7100) Button / Link

Roboto Condensed Italic (14 Pixel Fix!)

Farben

S. 3

notebooksbilliger.de Orange R : 255 G: 113 B : 000

#ff7100

C : 00 M: 60 Y : 100 K : 00

HKS7

RAL 2004

Pantone 1505

Headline, Preis R : 255 G: 113 B : 000

#ff7100

R : 56 G: 56 B : 56

#383838

R : 100 G: 100 B : 100

#646464

R : 131 G: 131 B : 131

#838383

R : 217 G: 217 B : 217

#d9d9d9

R : 255 G: 255 B : 255

#ffffff

R : 246 G: 246 B : 246

#f6f6f6

Text

Background Grau R : 176 G: 176 B : 176

#b0b0b0

Button

S. 4

Button Text R: 255 G: 255 B: 255

#ffffff

R: 100 G: 100 B: 100

#646464

Button Background Outline: #ff7100

Outline: #d9d9d9

Verlauf: #fc8323 - #ff7100

Verlauf: #eeeeee - #d9d9d9

Beispiele (10 Pixel Abstand vom Text zum Rand, Eckenradius 2 Px) Details

Details

Jetzt zugreifen

Jetzt zugreifen