UI Style Guide

Testo Relaunch

01.Farben

Farbwert 1 // orange

#FF9900

rgba(255,153,0,1)

Farbwert 2 // grau

#485A63

rgba(89,106,114,1)

Farbwert 3 // weiß

#FFFFFF

rgba(0,0,0,1)

Farbwert 4 // grau

#BFCACF

rgba(191,202,207,1)

Farbwert 5 // grau

#868685

rgba(134,134,134,1)

Farbwert 6 // blau

#0069B4

rgba(0,105,180,1)

Farbwert 7 // blau

#edf0f1

rgba(237,240,241,1)

Farbwert 8 // blau

#82939C

rgba(130,147,156,1)

Farbwert 9 // blau

#4f616a

rgba(79,97,106,1)

Farbwert 10 // blau

#4e6069

rgba(78,96,105,1)

Farbwert 11 // blau

#BFCACF

rgba(191, 202, 207, 1)

Farbwert 12 // blau

#9ba9ae

rgba(155, 169, 174, 1)

Farbwert 13 // blau

#5a6a73

rgba(90, 106, 115, 1)

02.Typography

Font/Font Weight

Aa

Roboto Regular

Aa

Roboto Bold

Aa

Roboto Black

Aa

Roboto Italic

Überschriften

H1 Überschrift mit Link

H2 Überschrift mit Link

H3 Überschrift mit Link

H4 Überschrift mit Link

H5 Überschrift mit Link
H6 Überschrift mit Link

02.Typography

Paragraph

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


Donec quam felis, ultricies nec, pellentesque eu, pretium Link quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac.

Listen // ungeornete Liste & geordnete Liste

  • Cum sociis natoque Link penatibus et magnis dis parturient montes penatibus et magnis dis parturient montes
  • Donec pede justo, fringilla vel, aliquet nec, Link vulputate eget, arcu
  • In enim justo Link rhoncus ut imperdiet a venenatis vitae justo
  1. Cum sociis natoque Link penatibus et magnis dis parturient montes et magnis dis parturient montes
  2. Nascetur ridiculus mus donec quam felis ultricies nec pellentesque eu
  3. In enim justo Link rhoncus ut imperdiet a venenatis vitae justo

03.Icons

Faebook

Kamera

Prüfinstitutionen

Kalibrierlabore

Flugzeug

Kununu

Teller

Sinuskurve

Gabelstabler

Chemie

Luft-/und Raumfahrt

Biotechnik

Kalibrierlabore

Automotive

Kontakt

Elektro

Food / Lebensmittelindustrie

Mschinen-/ Anlagebau

Medizintechnik

Pharma

Energieversorger / Kraftwerke

Primas

Quality

Service

Support

Nachrichtentechnik

LinkedIn

Xing

Flagge: Österreich

Flagge: Schweiz

Flagge: Deutschland

Flagge: Spanien

Flagge: Frankreich

Flagge: Italien

Flagge: International (englisch)

Anrufen

Downloads

Weltkugel

---- Kein Icon ----