Daylight · Component reference
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
Liguria · Italy

Camogli, the soft Riviera

A pastel fishing village. Mornings smell of focaccia and ink.

coastalpastabookshops
0.94
RRF
Panel · weights

Signal weights

Semantic
62%
Lexical
28%
Fuzzy
10%
Table · ranked results
#PlaceSemLexRRF
01Camogli
Liguria · IT
0.910.780.94
02Vila Nova de Milfontes
Alentejo · PT
0.860.720.88
03Polignano a Mare
Puglia · IT
0.830.740.86
Code block
-- hybrid retrieval
SELECT id, 1 - (embedding <=> :q) AS score
FROM wayfare.places
ORDER BY embedding <=> :q LIMIT 10;