A
EveryVisitor
“Make your website work for every visitor.” An open doorway with someone stepping through it.
Name and mark — three directions
Working names for discussion; each needs a trademark and domain check. Marks are built from simple geometry so they hold at 16 px and in one colour.
B
Kerbside
Named after the kerb cut — access built in for everyone. Rising steps read as progress.
C
Sightline
A clear line of sight across every client site. Most “product-like”; works well in agency contexts.
Colour tokens · Light theme
Contrast ratios are measured against color.bg. Use the toggle above to see the other theme.
color.page#F9F8F6 · Page backgroundcolor.bg#FFFFFF · Cards, surfacescolor.bg-subtle#F4F1EC · Sidebar, table headcolor.surface-sunken#EEEAE3 · Code, disabledcolor.text#0C1754 · 16.58 on bgcolor.text-muted#476788 · 5.89 on bgcolor.border#EDE5DB · Decorativecolor.border-strong#6E87A3 · 3.71 on bgcolor.primary#2545FF · 6.22 on bg · white text 6.22color.primary-hover#1A33D1 · White text 8.61color.primary-soft#EAEBF8 · Primary text 5.26color.info#1D4ED8 · 6.70 on bgcolor.success#067647 · 5.69 on bgSeverity — always icon + word
CriticalBlocks some people from completing a task.
octagon-alertSeriousMakes a task very difficult for some people.
triangle-alertModerateCauses frustration or confusion.
circle-alertMinorSmall annoyance; fix when convenient.
infoType scale — Instrument Serif, Manrope and JetBrains Mono
type.display (Instrument Serif)72/76 · 400Fix what stops people buyingtype.h130/38 · 700Oakhaus Furnituretype.h224/32 · 600Fix these firsttype.h320/28 · 600Recently fixedtype.h416/24 · 600Who this affectstype.body-lg18/28 · 400People who use screen readers can’t tell what this button does.type.body16/24 · 400We found 12 problems that automated tests can detect.type.body-sm14/20 · 400Product pages · 214 occurrencestype.caption12/16 · 500Last scan 14 Oct, 09:12type.mono14/20 · 400.product__media-item imgtype.score40/44 · 700 tnum78Space, radius, focus
2
4
8
12
16
20
24
32
40
48
64
80
96
radius.sm 4radius.md 8radius.lg 12radius.fullFocused
focus 2px + 2px offsetComponents
Button — variants × states (md 40)
DefaultHoverFocusDisabledLoadingPrimarySecondaryTertiaryDestructive
https://
The home page of the site you want to monitor.https://
Enter a full web address, like oakhaus.comBadges
CriticalSeriousModerateMinorOpenFixedRegressedIgnoredNeeds review
Your trial has ended. Your data is safe for 30 days. Choose a plan to resume monitoring. Choose a plan
Fixed — the problem no longer appears on 3 checked pages.
ScoreDisplay · largeAutomated check score ⓘ92GoodNo change since last scan
ScoreDisplay · medium, Poor54PoorDown 9 since last scan
UsageMeterSites18 of 25 sites
EmptyState
Add your first website
We'll run a quick 10-page check and show results in about a minute.