firefly
#E08A4A#F8E6D4#3A2A22Lantern orange. The warmest of the signatures.
The brand layer over Anita — seven signature hues, the type estate, and the six rules that decide whether a mark belongs. Anita 2.11.0 remains the product UI system; Hilo governs character marks and lockups on top of it.
#E08A4A#F8E6D4#3A2A22Lantern orange. The warmest of the signatures.
#C45C3E#F4DCD0#3A2420Fired clay. Reads hot without going red.
#3D6B4F#DCE8E0#1A2E24Deep forest. The quietest signature at full strength.
#4A5F7A#DCE4EC#1C2838Dusk blue. The only cool signature in the set.
#2F6B5C#D8E8E4#1A2E28Muted teal. Green with the warmth taken out.
#DF5523#F8DDD0#3A2218Vermilion. The loudest hue the system allows.
#7CFF4D#E6FBD9#0F2A0CStruck-match green. The only fluorescent in the set.
#E8C15Ashared accent#FBF0D4#2E2A18Brass. The accent every character shares, so never one character’s own.
Baloo 2
Display. Rounded, warm, and set tight — headings and wordmarks.
Instrument Serif
Accent, italic only. One phrase at a time — a pull quote, a number, a name. Never a paragraph.
Body text is the platform’s own system face. It is the one place Hilo declines to have an opinion: the reader’s device already knows what a paragraph should look like, and shipping a webfont for body copy costs more than it returns.
The same palette, arranged five ways. Each mood declares its own type, ground, corner and accent — the specimens below are drawn from those declarations, so a mood that changes in the tokens changes here.
Outfit · sectionFill · comfortable
Aa
The same palette, arranged five ways.
one gesture
Room to breathe. Nothing competes for attention.
Fraunces · inkFill · editorial
Aa
The same palette, arranged five ways.
one gesture
Type carries the page. Sharp corners, generous measure.
Bricolage Grotesque · sectionFill · compact
Aa
The same palette, arranged five ways.
one gesture
Colour forward, tight rhythm, nothing precious.
Space Grotesk · inkFill · compact
Aa
The same palette, arranged five ways.
one gesture
Cool ground, exact edges, no warmth to soften a fact.
Baloo 2 · softFill · comfortable
Aa
The same palette, arranged five ways.
one gesture
Round everything. The one mood allowed to be soft.
One ink
Outlines and wordmarks always use Ink.
One ground
Cream is the house ground; Paper is the bright sheet.
One stroke
One stroke weight across the family, with round caps and joins. The heaviest mark sets the weight and every other mark follows it.
Silhouette first
If it dies at 16px it is not a mark.
Three plus one
Ink, Cream and Gold stay constant; each character adds exactly one signature hue.
One gesture
The wordmark borrows a single curve from the mascot, and once borrowed that curve becomes the family’s type rule.