Skip to main content

Home Guide Patterns Retrofits Media Reference Blog About

Version V. 2026.10.14

Text size

A Default text size A Large text (112%) A Larger text (125%) A Largest text (150%)

Reading font StandardThe publication's own fonts. LexendWider, even spacing designed for reading fluency. Atkinson Hyperlegible NextEvery letter shaped to be distinct from the others. OpenDyslexicHeavy-bottomed letters. Some readers prefer it; research has not shown it reads faster.

Contrast High contrastPure black and white, solid borders, underlined links, and text labels for classification colors.

Color Color symbolsA small symbol tab on colored cards, from the free ColorSym system, for readers who cannot tell the colors apart. See the symbol key.

Reading ruler Reading rulerShades the page except for a small window of text that follows your pointer or finger. From the keyboard it follows focus, and Alt+Up or Alt+Down moves it. Shaded text is deliberately dimmer; pick Light if you need more contrast.

Page layout Simplified viewOne column, plain font (unless you choose a reading font), no decoration or animation, everything expanded.

Keyboard focus Enhanced focus outlineA thicker two-color ring that stays visible on any background.

Mouse pointer Large pointerLarger arrow over the page. Your operating system's pointer-size setting works everywhere, including outside this page. Pointer highlightA translucent yellow circle that follows the pointer. Turns off the reading ruler.

Open the text-only version of this page

Scroll for more

Search the guidebook

Home Guide Patterns Retrofits Media Reference Blog About

Display settings

Text size

A Default text size A Large text (112%) A Larger text (125%) A Largest text (150%)

Reading font StandardThe publication's own fonts. LexendWider, even spacing designed for reading fluency. Atkinson Hyperlegible NextEvery letter shaped to be distinct from the others. OpenDyslexicHeavy-bottomed letters. Some readers prefer it; research has not shown it reads faster.

Contrast High contrastPure black and white, solid borders, underlined links, and text labels for classification colors.

Color Color symbolsA small symbol tab on colored cards, from the free ColorSym system, for readers who cannot tell the colors apart. See the symbol key.

Reading ruler Reading rulerShades the page except for a small window of text that follows your pointer or finger. From the keyboard it follows focus, and Alt+Up or Alt+Down moves it. Shaded text is deliberately dimmer; pick Light if you need more contrast.

Page layout Simplified viewOne column, plain font (unless you choose a reading font), no decoration or animation, everything expanded.

Keyboard focus Enhanced focus outlineA thicker two-color ring that stays visible on any background.

Mouse pointer Large pointerLarger arrow over the page. Your operating system's pointer-size setting works everywhere, including outside this page. Pointer highlightA translucent yellow circle that follows the pointer. Turns off the reading ruler.

Open the text-only version of this page

About

Overview Site Map The Commonway System Brand Guide

Development

Release History & Roadmap Website Audit Project Governance Submit a Change Report a Problem Acknowledgments

Terms and Policies

Terms and Conditions Privacy Policy AI Policy Accessibility Policy

Acknowledgments

Commonway System is compiled and maintained by Kevin Young. Everyone listed below has helped make it more accurate, more complete, or better built, through a correction, a citation, a new pattern proposal, or a contribution to the publication itself. See Submit a Change for how to be added to this list.

No contributions yet. Be the first.

Suggest changes to this page (opens in new tab) Text-only version Last updated September 22, 2026

Previous Report a Problem Next Terms and Conditions

© 2026 Commonway System

Site Map Report a Problem Terms and Conditions Privacy Policy AI Policy Accessibility Policy