black
near-black
dark-gray
mid-gray
gray
silver
light-silver
moon-gray
light-gray
near-white
white
dark-red
red
light-red
washed-red
orange
gold
yellow
light-yellow
washed-yellow
purple
light-purple
dark-pink
hot-pink
pink
light-pink
dark-green
green
light-green
washed-green
navy
dark-blue
blue
light-blue
lightest-blue
washed-blue
eigengrau

Styleguide. default

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. whiteblack

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. blackwhite

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. optimistic

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. sophisticated

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. grounded

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. moon

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. zurp

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. professional

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. coffee

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. black

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border