Material Design
Color scheme
DAVIT palette taken from the logo, grouped like Nord's Polar Night and Snow Storm.
The homepage no longer carries the swatches. Color lives here, as a documentation topic.
Primary fill is sampled from the davit.ie wordmark: #D00040. Wine shadow is #701030. Neutrals follow the same grouping idea as Nord (night, paper, accent, signal) without copying arctic blue.
Wine Night
| Token | Hex | Use |
|---|---|---|
| davit0 | #1b1216 |
Darkest canvas |
| davit1 | #2a1a20 |
Elevated dark surface |
| davit2 | #3a242c |
Soft dark panel |
| davit3 | #4c333c |
Muted text on dark |
Paper Storm
| Token | Hex | Use |
|---|---|---|
| davit4 | #e8dce1 |
Borders and muted lines |
| davit5 | #f3eaee |
Soft band |
| davit6 | #fbf7f8 |
Light page background |
| paper | #ffffff |
Raised cards |
Brand
| Token | Hex | Use |
|---|---|---|
| primary | #d00040 |
Buttons, links, mark |
| wine | #701030 |
Pressed / deep accent |
| purple | #5b1a6e |
Coming-soon heading tone |
| frost | #3aa0b5 |
Cool counterpoint |
Signal
| Token | Hex | Use |
|---|---|---|
| alert | #d00040 |
Error, destructive |
| warn | #d08770 |
Caution |
| ok | #8fbc8c |
Success |
| note | #8b4d8b |
Informal highlight |
Theme tokens
Light and dark themes map these values onto CSS custom properties in src/styles/themes/_tokens.scss. The header moon/sun control toggles data-theme on <html>.
Source of the mark: https://davit.ie/images/0/9289454/DAVIT2.png.