Colors
Brand
Accent
Success
Warning
Danger
Brand
Accent
Success
Warning
Danger
White
Grey 100
Grey 200
Grey 300
Grey 400
Grey 500
Grey 600
Grey 700
Grey 800
Black
White
Grey 100
Grey 200
Grey 300
Grey 400
Grey 700
Grey 800
Black
Icons
Calponia
others
car / computer / calls
calendar / cloud / material / connect / link
filter / folder / document types
various unsorted
user / play / video / volume
emoji / money / world / share
Assets

Bosch Logo with Caption - en - SVG

Bosch Logo with Caption - en - JPEG

Bosch Logo with Supergraphic - SVG

Bosch Supergraphic

Bosch Calponia Background

Bosch Loading Animation - GIF

Spacing
Padding 0
Padding XXS
Padding XS
Padding S
Padding M
Padding L
Padding XL
Padding XXL
Padding XXXL
Margin 0
Margin XXS
Margin XS
Margin S
Margin M
Margin L
Margin XL
Margin XXL
Margin XXXL
Font
Heading 1 Font Size XXXL
Heading 2 Font Size XXL
Heading 3 or paragraph large Font Size XL
Heading 4 oder paragraph big Font Size L
paragraph medium Font Size M (Default)
paragraph small Font Size S
Light (Default for headings and paragraphs)
Normal (Default for buttons, textfields, etc.)
Medium
Bold
Black
Italic
uppercase
This text is cut off because it is too long to fit the element.
Left
Center
Right
Buttons
Brand
Secondary
Tertiary
Success
Danger
Disabled
Small Basic
Small With Icon
Small Icon Only
Normal Basic
Normal With Icon
Normal Icon Only
Big Basic
Big With Icon
Big Icon Only
Form Elements
Empty
Filled
Success
Error
Disabled
Input With Icon
Sorry, but kittens are better.
Input with Label
This is not a valid email.
Input without Label
This is not a valid email.
Select with Label
Nice choice!
Nobody likes this flavour, get a grip.
Multi-Select with label
Requires custom JavaScript for functionality!
No flavours selected
(3) Pizza Margherita, Pizza Salami, Pizza Pineapple
Pizza Salami
Pizza Pineapple, Pizza Fungi
Nobody likes these flavours, get a grip.
Pizza Pineapple, Pizza Fungi
Date & Time with label
/
/
:
/
/
:
/
/
:
/
/
:
Start date can't be after end date.
/
/
:
Textarea with label
What do you think this is, twitter?
Textarea without label
What do you think this is, twitter?
File Input with label
File format not accepted.
File Input without label
File format not accepted.
Empty
Filled
Disabled
Checkbox
Radio Button
Toggle Button / Switch
Tables
Default Table
Name File Size Upload Date Uploader
pitcairn_islands_microchip.kwt 0.5 MB 23/10/2016 15:36 David Reess
screencapture-localhost-3000-demo-1510587218935.png
3.2 GB 01/11/2017 00:19 David Reess
screencapture-localhost 3.2 GB 01/11/2017 00:19 David Reess
Note: "Different variants can be created with the requirements of the default table."

Variation examples
Name File Size Upload Date Uploader
bluetooth_agp.iges 2.3 KB 12/06/2010 17:34 David Reess
fundamental.z2 3.5 MB 01/11/2017 00:19
(2 days ago)
David Reess
BEG / SES
plastic.ecma 24.2 MB 05/11/2017 00:19 David Reess
Name Duration Due Date
Overdue Error Task
Basic Task
12 hours 6 days ago
05/11/2017 20:00
Overdue Error Task
Basic Task
12 hours 6 days ago
05/11/2017 20:00
Cold Start Test
Test Drive Task
12 hours in 10 days
21/11/2017 16:00
Repair Task xyz
Repair Task
12 hours in 12 days
23/11/2017 12:00
Total 48 hours
Example Filename
13.5 MB 01/10/2017
Another Filename
256 KB 08/06/2017
Yet another Filename
1.3 TB 24/12/2010
Tabs
Alerts
Good job, something went right!
This is a warning.
Oh no, something went wrong!
What a great information!
Pagination
Pagination numbers
1 2 3 4 5
Progress Bar
73%
Lists
  1. Glass of Milk
  2. Wine Glass
  3. Cocktail Glass
  4. Tumbler Glass
Navigation

Inline Nav Bar and Nav Buttons

Full-width with flex styles

Nav Buttons

Container

Responsive Container

Fluid Container