greenpeace-website
Colors
Fonts
Spacings
Colors
antracite
Name
--color-antracite
RGB
Hex
HSL
brand-green
Name
--color-brand-green
RGB
Hex
HSL
brand-green--disabled
Name
--color-brand-green--disabled
RGB
Hex
HSL
brand-green--hover
Name
--color-brand-green--hover
RGB
Hex
HSL
brand-green--hover-accessible
Name
--color-brand-green--hover-accessible
RGB
Hex
HSL
brand-green--pressed
Name
--color-brand-green--pressed
RGB
Hex
HSL
brand-green--pressed-accessible
Name
--color-brand-green--pressed-accessible
RGB
Hex
HSL
brand-green--visited
Name
--color-brand-green--visited
RGB
Hex
HSL
brand-green--visited-accessible
Name
--color-brand-green--visited-accessible
RGB
Hex
HSL
brand-green-accessible
Name
--color-brand-green-accessible
RGB
Hex
HSL
brand-green-selected-focus
Name
--color-brand-green-selected-focus
RGB
Hex
HSL
kids-blue
Name
--color-kids-blue
RGB
Hex
HSL
kids-blue--disabled
Name
--color-kids-blue--disabled
RGB
Hex
HSL
kids-blue--hover
Name
--color-kids-blue--hover
RGB
Hex
HSL
kids-blue--pressed
Name
--color-kids-blue--pressed
RGB
Hex
HSL
kids-green
Name
--color-kids-green
RGB
Hex
HSL
kids-red
Name
--color-kids-red
RGB
Hex
HSL
kids-yellow
Name
--color-kids-yellow
RGB
Hex
HSL
purple
Name
--color-purple
RGB
Hex
HSL
purple--50
Name
--color-purple--50
RGB
Hex
HSL
purple--50-accessible
Name
--color-purple--50-accessible
RGB
Hex
HSL
purple--80
Name
--color-purple--80
RGB
Hex
HSL
signal--dark
Name
--color-signal--dark
RGB
Hex
HSL
social-network--facebook
Name
--color-social-network--facebook
RGB
Hex
HSL
social-network--linkedin
Name
--color-social-network--linkedin
RGB
Hex
HSL
social-network--mail
Name
--color-social-network--mail
RGB
Hex
HSL
social-network--tiktok
Name
--color-social-network--tiktok
RGB
Hex
HSL
social-network--twitter
Name
--color-social-network--twitter
RGB
Hex
HSL
social-network--whatsapp
Name
--color-social-network--whatsapp
RGB
Hex
HSL
social-network--youtube
Name
--color-social-network--youtube
RGB
Hex
HSL
white
Name
--color-white
RGB
Hex
HSL
white--rgba-0
Name
--color-white--rgba-0
RGB
Hex
HSL
white--rgba-07
Name
--color-white--rgba-07
RGB
Hex
HSL
white--rgba-08
Name
--color-white--rgba-08
RGB
Hex
HSL
white--rgba-1
Name
--color-white--rgba-1
RGB
Hex
HSL
Caption
Name
--color-typo-Caption
RGB
Hex
HSL
Copy
Name
--color-typo-Copy
RGB
Hex
HSL
Fail
Name
--color-typo-Fail
RGB
Hex
HSL
Fail-hover
Name
--color-typo-Fail-hover
RGB
Hex
HSL
Headline
Name
--color-typo-Headline
RGB
Hex
HSL
Link
Name
--color-typo-Link
RGB
Hex
HSL
Link-hover
Name
--color-typo-Link-hover
RGB
Hex
HSL
Black
Name
--color-decoration-Black
RGB
Hex
HSL
black
Name
--color-decoration-black
RGB
Hex
HSL
brand-green--10
Name
--color-decoration-brand-green--10
RGB
Hex
HSL
Fail
Name
--color-decoration-Fail
RGB
Hex
HSL
FailDarker
Name
--color-decoration-FailDarker
RGB
Hex
HSL
grey
Name
--color-decoration-grey
RGB
Hex
HSL
grey--dark
Name
--color-decoration-grey--dark
RGB
Hex
HSL
grey--light
Name
--color-decoration-grey--light
RGB
Hex
HSL
Grey10
Name
--color-decoration-Grey10
RGB
Hex
HSL
Grey20
Name
--color-decoration-Grey20
RGB
Hex
HSL
Grey50
Name
--color-decoration-Grey50
RGB
Hex
HSL
Grey80
Name
--color-decoration-Grey80
RGB
Hex
HSL
natural
Name
--color-decoration-natural
RGB
Hex
HSL
natural--40
Name
--color-decoration-natural--40
RGB
Hex
HSL
natural--dark
Name
--color-decoration-natural--dark
RGB
Hex
HSL
Primary
Name
--color-decoration-Primary
RGB
Hex
HSL
Secondary
Name
--color-decoration-Secondary
RGB
Hex
HSL
signal--red
Name
--color-decoration-signal--red
RGB
Hex
HSL
signal--red-10
Name
--color-decoration-signal--red-10
RGB
Hex
HSL
signal--red-50
Name
--color-decoration-signal--red-50
RGB
Hex
HSL
signal--red-50-accessible
Name
--color-decoration-signal--red-50-accessible
RGB
Hex
HSL
signal--red-80
Name
--color-decoration-signal--red-80
RGB
Hex
HSL
signal--red-accessible
Name
--color-decoration-signal--red-accessible
RGB
Hex
HSL
signal--red-disabled-dark
Name
--color-decoration-signal--red-disabled-dark
RGB
Hex
HSL
signal--red-disabled-light
Name
--color-decoration-signal--red-disabled-light
RGB
Hex
HSL
social--yellow
Name
--color-decoration-social--yellow
RGB
Hex
HSL
Success
Name
--color-decoration-Success
RGB
Hex
HSL
Warning
Name
--color-decoration-Warning
RGB
Hex
HSL
White
Name
--color-decoration-White
RGB
Hex
HSL
Fonts
big-copy-subline
Name
--typo-big-copy-subline
font-size
line-height
button
Name
--typo-button
font-weight
button-text
Name
--typo-button-text
font-size
line-height
copy
Name
--typo-copy
font-size
line-height
Copy-14
Name
--typo-Copy-14
font-family
font-size
font-style
font-weight
line-height
copy-bold
Name
--typo-copy-bold
font-size
font-weight
line-height
copy-small
Name
--typo-copy-small
font-size
line-height
copy-small-bold
Name
--typo-copy-small-bold
font-size
font-weight
line-height
copy-small-semibold
Name
--typo-copy-small-semibold
font-size
font-weight
line-height
Default
Name
--typo-Default
font-family
font-size
font-style
font-weight
line-height
Headline-16
Name
--typo-Headline-16
font-family
font-size
font-style
font-weight
line-height
Headline-18
Name
--typo-Headline-18
font-family
font-size
font-style
font-weight
line-height
Headline-24
Name
--typo-Headline-24
font-family
font-size
font-style
font-weight
line-height
Headline-40
Name
--typo-Headline-40
font-family
font-size
font-style
font-weight
line-height
headline1
Name
--typo-headline1
font-size
font-weight
letter-spacing
line-height
headline2
Name
--typo-headline2
font-size
font-weight
letter-spacing
line-height
headline3
Name
--typo-headline3
font-size
font-weight
letter-spacing
line-height
headline4
Name
--typo-headline4
font-size
font-weight
line-height
headline5
Name
--typo-headline5
font-size
font-weight
line-height
headline6
Name
--typo-headline6
font-size
font-weight
line-height
highlight-headline
Name
--typo-highlight-headline
font-size
font-weight
line-height
label
Name
--typo-label
font-size
font-weight
letter-spacing
line-height
text-transform
label-small
Name
--typo-label-small
font-size
font-weight
letter-spacing
line-height
text-transform
link
Name
--typo-link
font-size
font-weight
line-height
TextLink
Name
--typo-TextLink
font-family
font-size
font-style
font-weight
line-height
Spacings
2
Name
--spacing-2
Size
4
Name
--spacing-4
Size
8
Name
--spacing-8
Size
12
Name
--spacing-12
Size
16
Name
--spacing-16
Size
24
Name
--spacing-24
Size
32
Name
--spacing-32
Size
40
Name
--spacing-40
Size
48
Name
--spacing-48
Size
56
Name
--spacing-56
Size
64
Name
--spacing-64
Size
72
Name
--spacing-72
Size
80
Name
--spacing-80
Size
96
Name
--spacing-96
Size
120
Name
--spacing-120
Size
128
Name
--spacing-128
Size
256
Name
--spacing-256
Size
512
Name
--spacing-512
Size