Cortlet // Brand quick reference
Everything important.
Nothing extra.
A fast reference for Cortlet logos, colors, typography, spacing, badges, and usage language.
01 // Logo
Use the official variant.
Light background
Use the official dark Cortlet variant.
Dark background
Use the official light Cortlet variant.
Do not modify
Do not stretch, recolor, rotate, crop, or add effects.
Keep 0.5X clear.
Define X as the height of the Cortlet icon mark. Maintain at least half that distance on every side of the logo.
Six core colors.
Cream
#f4f1e8
Black
#111111
Lime
#dfff52
Blue
#c9d6ff
Lavender
#e2d7ff
Coral
#ff765f
Inter
Use Inter for headings, body copy, navigation, buttons, and general interface text.
Geist Mono
Use Geist Mono for code, terminal output, metadata, and technical labels.
Say what the relationship is.
Built with Cortlet
Cortlet is one of the technologies used to build the product.
Powered by Cortlet
Cortlet provides underlying infrastructure or functionality.
Works with Cortlet
The product integrates with or is compatible with Cortlet.
06 // Language
Be accurate.
Don't imply more.
Good
Generally appropriate
Permission required
Requires explicit authorization
Seven-second version
Keep it clear.
Use official assets.
Keep the logo proportions unchanged.
Use the correct light or dark variant.
Maintain at least 0.5X clear space.
Use Inter for text and Geist Mono for technical content.
Choose badge wording based on the real relationship.
Never imply endorsement, certification, or partnership unless authorized.
Go deeper