01 · Typography
A warm, editorial system.
Daylight is a typographic system first. The serif does the talking. Sans-serif handles UI metadata, captions, and code labels.
Display · 54
A new chapter.
H1 · 40 / H2 · 28 / H3 · 20
Heading one
Heading two
Heading three
Lead · 18
A short, calm paragraph that sets up the page below it. Lead text uses the muted ink and a comfortable measure.
Body · 15 / Small · 13
Body prose flows in serif. The default measure is generous, the leading is wide, and the color sits at --dl-ink-2 rather than full black.
Small text in sans-serif handles captions and footnotes.
02 · Color
Surfaces, ink, accent.
--dl-bg
#f7f3ec
--dl-paper
#fbf8f2
--dl-paper-2
#f1ece1
--dl-ink
#1f1410
--dl-accent
#9a3412
--dl-accent-soft
#f1e3d6
--dl-muted
#6b665d
--dl-line
#e3ddd1
03 · Components
Cards, pills, tables, code.
Buttons
Searchbar
Pills & tags
Quiet
Romantic
Walkable
Off-season
coastal
pasta
bookshops
neutral
New
Card · with score
Camogli, the soft Riviera
A pastel fishing village. Mornings smell of focaccia and ink.
coastalpastabookshops
0.94
RRFPanel · weights
Signal weights
Semantic
62%
Lexical
28%
Fuzzy
10%
Table · ranked results
| # | Place | Sem | Lex | RRF |
|---|---|---|---|---|
| 01 | Camogli | 0.91 | 0.78 | 0.94 |
| 02 | Vila Nova de Milfontes | 0.86 | 0.72 | 0.88 |
| 03 | Polignano a Mare | 0.83 | 0.74 | 0.86 |
Code block
-- hybrid retrieval SELECT id, 1 - (embedding <=> :q) AS score FROM wayfare.places ORDER BY embedding <=> :q LIMIT 10;