Condimental
For Condiment Gallery. Warm paper and brown ink, with a ketchup red and a bit of mustard behind it. It's light like Brookwood but cleaner, and it's the roundest of the lot.
Condiment Gallery
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 | 16px |
--ds-density | 1 |
--ds-font-display | Young Serif |
--ds-font-sans | Figtree |
Colours
Ground
bg#faf5ee
bg-alt#f4ead2
surface#ffffff
surface-raised#ffffff
surface-hover#f5eee2
Line
border-subtlergba(37, 26, 12, 0.08)
borderrgba(37, 26, 12, 0.08)
border-strongrgba(37, 26, 12, 0.16)
Ink
text#241a10
text-dim#4a3a28
text-muted#8c8071
text-inverse#fff8f0
Accent
accent#e14e3b
accent-hover#c93f2e
accent-alt#f5b841
accent-contrast#fff8f0
accent-gradientlinear-gradient(135deg, #f5b841 0%, #e97a3a 45%, #e14e3b 100%)
Signal
success#3f7d4f
warning#b07a16
danger#c93f2e
info#4a6b8a
Shadow and selection
shadow-colorrgba(37, 26, 12, 0.14)
shadow-highlightrgba(255, 255, 255, 0.90)
selection-bg#f5b841
selection-text#241a10
Use it
import "obvious/css/primitives.css";
import "obvious/css/themes/condimental.css";Its favicon is icons/condimental.svg.