Colors

Primary

Grey

Secondary

Green

Red

Yellow

Alert Danger

Alert Warning

Alert Success

Alert Info

Typography

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5

Lead Text Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Paragraph Text Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Small Helper Text Text Lorem ipsum dolor sit amet, consectetur adipisicing elit.

This is a link

Native Lists

  • Bullet 1
  • Bullet 2
  • Bullet 3
Definition List Title 1
Definition List Description 1
Definition List Title 2
Definition List Description 2
Definition List Title 3
Definition List Description 3

Buttons

Primary Secondary Tertiary Tertiary Purple Link Disabled

Forms

Angaben zum Versicherungsnehmer/Halter

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias magnam dolorum consectetur ea, cupiditate nesciunt ratione ut sequi commodi, inventore, quis nobis accusantium atque corporis? Voluptate labore deserunt sunt explicabo.

Firma Firma Suchen Geben Sie Ihren Firmennamen oder Ihre UID (Unternehmens-Identifikationsnummer) ein.  Invalid Geben Sie Ihren Firmennamen oder Ihre UID (Unternehmens-Identifikationsnummer) ein.  Disabled Geben Sie Ihren Firmennamen oder Ihre UID (Unternehmens-Identifikationsnummer) ein.  Wählen Sie das Fahrzeug

Bitte wählen Sie, mit welchen Angaben Sie das Fahrzeug suchen möchten.

1. Inverkehrsetzung Spider-Man is a fictional superhero created by writer-editor Stan Lee and writer-artist Steve Ditko. Marke Audi BMW Mercedes Volkswagen Volvo Porsche Ferrari Lamborghini
All 100 PS 140 PS 165 PS 210 PS All 100 PS 140 PS 165 PS 210 PS
Checkboxes Apple Pineapple Orange Field Message Swicht Checkbox Label Field Message Radio Label 1 Label 2 Disabled Random text with a Link in it Field Message

Pagination

Stepper

Content of Step A Content of Step B Content of Step C Content of Step D Content of Step E

Tabs

Content of Tab A Content of Tab B Content of Tab C Content of Tab E Content of Tab link

Notifications

Sie konnten Ihre Firma nicht finden? manuell Eingeben
Default Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Info Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Success Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Warning Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Danger Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Light Default Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Light Info Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Light Success Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Light Warning Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Light Danger Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Toasts

Lorem ipsum dolor sit amet consectetur adipisicing elit. Info - Hello World Success - Hello World Warning - Hello World Danger - Hello World

Tags

Default Primary Info Success Warning Danger
Purple Red Yellow Green
Purple Red Yellow Green
Disabled

Modal

Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing?

Cancel Okay

Spinner

Footer

Haben Sie noch Fragen zu TCS-Fahrzeug-Versicherung? 0800 801 000.
Wir sind von Montag bis Freitag, 8.00 - 18.00 Uhr, für Sie da.


tcs.ch/fahrzeug


© Touring Club Schweiz in Kooperation mit Baloise Versicherung AG