Ask Alidade from Slack and Linear.
Styleguide
The tokens, type and components behind Alidade. Change them once and every page follows.
Colour
Background
Background/Page
#131312
Background/Band
#1C1C1A
Background/Brand
#2D4FE0
Background/Lime
#D2F47A
Surface
Surface/Card
#232321
Surface/Raised
#2B2B29
Surface/Inset
#0D0D0C
Surface/On Brand
White 8%
Surface/On Lime
Ink 6%
Text
Text/Primary
#F5F4F0
Text/Secondary
#B3B0A9
Text/Muted
#827F79
Text/On Lime
#131312
Text/On Lime Muted
Ink 68%
Text/On Brand
#FFFFFF
Text/On Brand Muted
White 74%
Accent
Accent/Lime
#D2F47A
Accent/Cobalt
#2D4FE0
Accent/Cobalt Hover
#4262F2
Accent/Cobalt Light
#93A6FF
Accent/Ember
#E8622A
Type
Know why your numbers moved.
Know why your numbers moved.
Ask in plain English
Connect your data once. Alidade checks every metric each hour and tells you why.
Alidade watches every metric in your product and writes up the reason in plain English.
Anomaly alerts
Last updated October 1, 2026
$49
Components
FAQ Item
No. Alidade reads the events and tables you already have. You can add new events later, but nothing is required to start.
Logo
Pixel icons
chat
bell
funnel
cohort
database
plug
lock
spark
chart
eye
check
bolt
clock
arrow
sight
Pixel bands
skyline
checker
stairs
scatter
Mini charts
line
area
bars
Layout
The grid has 12 columns with a 24 px gutter, inside a container with a 1280 px maximum width. Page margins are 40 px on desktop, 32 px on tablet and 20 px on phone. Sections use 128, 104 and 80 px of vertical padding.
Motion
Elements appear as they scroll into view: a fade and a 24 px rise over 0.8 seconds with an ease out curve. Hover states take 0.15 seconds and only change colour. Page transitions are set site wide. Smooth scrolling can be turned off with the toggle in the Main layout template.