UI Style Guide

StyleGuide

01.Farben

Farbwert 1 // Lght blue

#009FE3

Farbwert 2 // dark blue

#015C87

Farbwert 3 // red

#ED2025

Farbwert 4 // dark grey

#333333

Farbwert 5 // grey

#A2A2A2

Farbwert 6 // light grey

#F4F4F4

Farbwert 7 // black

#000000

Farbwert 8 // white

#FFFFFF

Farbwert 9 // grey

#BFCACF

02.Typography

Font/Font Weight

Aa

OpenSans Regular

Aa

OpenSans Semibold

Aa

OpenSans Bold

Ü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
  • 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
  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 und Logos

Icons

Profiliermaschinen

Handschlag

Rohrindustrie

Technologie

Steuerungssoftware

Schneidemaschinen

FAQ

Innovation

Material

Vor- und Nachbearbeitungsmaschinen

Prozesskreislauf

Profiliermaschinen

Qualität

Referenzen

Rollformwerkzeuge

Schrottminimierung

Über Uns

Montage und Abnahme

Inbetriebnahme

Beratung

Download

Experimentelles Labor

Messe

Location

Maschinenbau

Modernisierung

Nachrichtenpresse

Prozessintegration

Projektentwicklung

Reparatur

Verantwortung

Service

Ersatzteile und Komponenten

Training

Download

Patente

Anlagen

Industrie

Mitarbeiter

Industrie der Zukunft

Location

Logistik

Profil

Profilierwerke

Service

Gebäude

Banner (Flagge)

Auto

Kein Icon

04.Button & Links

Standard Button

Standard Button

Standard Textlink

Donec quam felis, ultricies nec, pellentesque eu, pretium Standard Link im Text 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.

Tandem Logo