Dissonance
For Time Dissonance. Night-sky navy with a low amber lamp, so it's Condimental's shape tuned cold instead of warm. I kept the serif because the site is about time slipping, and a Baskerville italic suits that better than a grotesk.
Time Dissonance
I make complicated products feel obvious.
Daylight saving takes an hour each spring and gives most of it back each autumn.
Dials
| Dial | Value |
|---|---|
--ds-radius-base | 3px |
--ds-density | 1 |
--ds-font-display | Libre Baskerville |
--ds-font-sans | Libre Franklin |
Colours
Ground
bg#04060d
bg-alt#080e1a
surface#0d1526
surface-raised#121e33
surface-hover#16223a
Line
border-subtlergba(30, 48, 80, 0.6)
border#1e3050
border-strong#2e4868
Ink
text#dde8f2
text-dim#9db5cc
text-muted#6a8aaa
text-inverse#04060d
Accent
accent#d4853a
accent-hover#f0a050
accent-alt#c9a227
accent-contrast#04060d
accent-gradientlinear-gradient(135deg, #c9a227 0%, #d4853a 100%)
Signal
success#4ab07a
warning#c9a227
danger#ff4444
info#5aabcf
Shadow and selection
shadow-colorrgba(0, 0, 0, 0.65)
shadow-highlightrgba(157, 181, 204, 0.08)
selection-bg#d4853a
selection-text#04060d
Use it
import "obvious/css/primitives.css";
import "obvious/css/themes/dissonance.css";Its favicon is icons/dissonance.svg.