Cyllene
Brand kit and design system. Every value here is read live from tokens.css.
The mark
Colour
Each chip: light on the left, dark on the right. Blue is the only colour Cyllene owns: the accent, the buttons, the frame and the full-bleed band.
Type
Cyllene Sans
Inter under the SIL Open Font License, renamed. Open shapes and even, proportional spacing in the spirit of San Francisco and Helvetica. The curly quotes are feathers from the wing.
Regular 400 “Ship it”
Medium 500 ‘in review’
Semibold 600 Ready for Sale
Bold 700 Ship to the App Store
Display 64/64 boldOne window
Title 34/40 boldEvery app at a glance
Headline 20/28 semiboldSubmit for review
Body 17/24Every change shows the exact command and asks first.
Footnote 13/162.6.0 on macOS · Ready for Sale
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 “” ‘’ & ? ! @ $ % ( ) →
Space and shape
row 8
group 20
card 28
icon 22.5%
web 2
On the web, buttons are 40 point squares in Display caps. In the app, controls stay 48 point capsules.
Ready for Sale
In Review
Rejected
Preparing