Home
DESIGN.mdStar on GitHub

Algolia

The AI search and retrieval platform — agentic, generative, and instant.

Search InstantSearch Autocomplete Recommend NeuralSearch Ask AI
Signature — InstantSearch
0 results found in 1ms Search by Algolia
Colors
Primary — nebula blue
blue#003DFFPrimary, links, mark
blue-hover#1E59FFHover / pressed
blue-light#457AFFDark-mode brand
midnight#000033Dark page
Accent spectrum
purple#B75AFFGenerative / AI
pink#FF2A6AMagenta accent, error
blue-tint#DFE9FFSoft fills
blue-tint-2#BBD1FFPale backgrounds
Neutrals
ink#23263BHeadings, body
indigo-grey#484C7ASecondary text
border#D6D6E7Borders, dividers
off-white#F9F9FFPage background
Semantic
success#00A648Success, live
warning#FFA724Warning, ratings
error#FF2A6AError, destructive
info#003DFFInfo, highlight
Typography — Sora · Inter · system mono
display
Sora · 800
Algolia
56px800
h1
Sora · 700
Agentic. Generative. Search.
34px700
h2
Sora · 600
Powering AI retrieval across use cases
22px600
body-lg
Inter · 400
The AI search and retrieval platform — agentic, generative, and instant.
17px400
body-sm
Inter · 400
Deliver relevant results in milliseconds, at any scale.
13px400
mono
system mono · 400
index.search('sony headphones', { hitsPerPage: 20 })
12pxmono
Components
Buttons
Badges
Search Generative Indexed Building Error
API key
Radius
4px
8px
10px
12px
Guardrails
DO
Use nebula blue #003DFF for every primary action, link, and the mark — it is the brand
Set headings in Sora, body/UI in Inter, code in a system mono — one role each
Highlight matched search text in blue semi-bold — never leave results un-highlighted
Show the speed: surface "results in Xms" — instant is the promise
Lift the blue to #457AFF on midnight navy so it stays legible in dark mode
DON'T
Set the brand blue on dark navy at #003DFF — contrast fails; brighten it
Use the purple/pink accents as primary actions — they signal generative/AI, not "go"
Set body or UI in Sora — it's display only; Inter owns the UI
Tint dark surfaces neutral-grey — Algolia's dark is midnight navy #000033
Fake search results — filter a real index and highlight real matches