🌻CultureStyle
We are currently working on a unified style guide that will be applied to most of our online services and for graphics at Layer Zero.
Logo
Color palette
|
Hex code |
Name |
|---|---|
|
#101011 |
black |
|
#212222 |
darker |
|
#2c2d2d |
dark |
|
#8c8d8f |
grey |
|
#dedfe2 |
light |
|
#eaedee |
lighter |
|
#f3f5f7 |
white |
|
Hex code |
Name |
|---|---|
|
#df72b3 |
pink |
|
#bb87cd |
mauve |
|
#5dbbc6 |
cyan |
|
#84ba6a |
moss |
|
#d9b952 |
yellow |
|
#e07669 |
coral |
|
Hex code |
Name |
|---|---|
|
#b43a75 |
fuchsia |
|
#982fcb |
purple |
|
#2f65cf |
blue |
|
#33872d |
green |
|
#9f7c19 |
gold |
|
#af3a36 |
crimson |
How colors are applied to interface elements with CSS
When two color names separated with a / are used, it means the first one is used when prefers-color-scheme is light, and the second one when dark.
basic
background: white/black
text: black/white
section backgrounds
light(er)/dark(er), depending on the nesting level
borders, horizontal rules
grey 1px
links
unvisited: blue/cyan
hover: green/moss
visited: gold/yellow
broken: crimson/coral
buttons
background: transparent; on hover: black/white at .05 opacity
border: grey 1px, 5px radius
padding: .25em .5em