ABOUT · COLOPHON
What's under the hood
The fonts, colors, software and homemade tools that hold this site together.
A colophon is the note at the back of a book about how it was made. This is ours.
TYPE
The fonts
BODY
Atkinson Hyperlegible
Designed by the Braille Institute for readers with low vision. Everything you read here is set in it.
INTERFACE
Work Sans
Buttons, the footer, and the bits you click.
BRUSH
Caveat
The handwritten words with the orange squiggle underneath.
LABELS
Space Mono
Uppercase labels like the one above this card's title.
OpenDyslexic is available on every page from the Accessibility Toolbar.
COLOR
The palette
#F77605
Orange
The brand color. Small orange text on light backgrounds uses #b04a00 for contrast.
#721A82
Purple
Brush words, links and secondary buttons.
#05B5C3
Teal
Team accent.
#FCD602
Yellow
Team accent, and the Cleaner Wrasse's favorite.
#F8F0EA
Cream
Backgrounds, like this one.
#1F1F1C
Ink
Text and dark sections.
SOFTWARE
The stack
- CMS
- Joomla 6
- TEMPLATE
- T4 Framework, on Bootstrap 5
- DOWNLOADS
- jDownloads
- DNS
- Cloudflare
- HOMEMADE
- Accessibility Toolbar, Accessibility Attribute Patch, Shrinkray, Chaos Loupe, Chaos Filet and Tidewrack all run on this site. If we didn't use it, we wouldn't ship it.
PEOPLE & PICTURES
Who made it
DESIGN & CODE
Mister Fishie and the Cleaner Wrasse
One human, one AI pair programmer. Here's how that works.
IMAGES
Real animals, some illustrated
Photos are of the actual crew. Some illustrations were made with AI image tools from those photos.
CURIOUS ABOUT THE NAMES?
