The Cortlet
icon.
Official Cortlet icon assets, usage guidance, and implementation examples for digital interfaces, documentation, products, and attribution.
01 // Identity
Small mark.
Same identity.
The Cortlet icon is the compact form of the Cortlet identity. Use it when the full horizontal logo would be too large, repetitive, or unnecessary.
Dark
For light backgrounds.
Light
For dark backgrounds.
Transparent
For flexible placement where the canvas must remain transparent.
02 // When to use it
Use it where
space is limited.
App icons
Use the Cortlet icon when a compact square or near-square identity is required.
Navigation
Use it in compact headers, sidebars, or product controls where the full logo is unnecessary.
Repository avatars
Use the icon for GitHub, developer tooling, and project avatars where space is constrained.
Technical UI
Use it in developer-facing interfaces where Cortlet needs to be recognized at a glance.
03 // Icon vs logo
Know when
to use which.
Compact and already contextual
Use the icon when Cortlet is already clearly identified nearby or when the environment is too small for the full logo.
When the name matters
Use the full Cortlet logo when the viewer may not already recognize the icon or when the brand name needs to be explicit.
04 // Icon resources
Everything
in one system.
Quick rules
Keep it recognizable.
Use only official Cortlet icon assets.
Keep the original proportions and orientation.
Use the dark version on light backgrounds and the light version on dark backgrounds.
Do not recolor, redraw, crop, stretch, or add effects to the icon.
Keep sufficient clear space around the icon so nearby elements do not interfere with recognition.
Use the full Cortlet logo when the brand name needs to be explicit.
From asset
to interface.
Explore practical implementations or open a complete fictional website showing the Cortlet icon in context.