Warm Minimal
The visual foundation
for Kiln.
Cream backgrounds, near-black foreground, ember accent, sans-serif throughout. One signature visual move per surface. New components must appear here before they ship into feature code.
Brand mark
#mark64px48px32px24pxPalette
#paletteSemantic
bgsurfacesurface-elevatedfgfg-mutedfg-subtleaccentborderCream
50100200300400500600700800900Charcoal
50100200300400500600700800900Ember
50100200300400500600700800900Typography
#typographyDisplay — Inter Tight
Hope Rise is Support
Headings
H1 Display
H2 Display
H3 Display
H4 Heading
H5 Heading
Body — Inter
Lead. Kiln turns your sources into LinkedIn posts and blogs on cadences you set.
Body. The same words, rendered at body size, set in Inter at roughly 1rem with comfortable line height. Generous whitespace, disciplined hierarchy.
Small / muted. Used for metadata, captions, secondary information.
Caption. The smallest sensible size; use sparingly.
const result = await generate('LinkedIn post');
Form primitives
#formsNew source
Form primitives. Cream surface, focus rings on accent, generous spacing.
Cards
#cardsPersonal blog
3 documents, last refreshed 2h ago
kiln
main branch · 312 files indexed
On the kiln launch
Drafted from 4 sources · ready for review
One contrast card per surface. This is the BizLink-style move. Use it once.
Badges
#badgesAlerts
#alertsHeads up
Brand voice ready
Source ingested
Approaching cost cap
Publisher needs reauth
Empty states
#emptyNo drafts yet
Drafts will land here when your cadences fire. Until then, add a source and capture your brand voice.
Topic queue is empty
Add topics manually, or let Kiln suggest them from changes in your sources.