Use the brand
with confidence.
Practical examples showing how Cortlet logos, product references, integrations, and visual variants should appear in real-world use.
How to use these examples
Clear examples.
Fewer guesses.
These examples are intended as practical guidance, not as substitutes for the full Brand Asset Usage Policy. When in doubt, keep references accurate, preserve the original assets, and avoid implying endorsement or official affiliation.
Keep it accurate
Describe Cortlet and your relationship to it exactly as they are.
Keep it recognizable
Use official assets without distorting or recreating them.
Keep it independent
Make it clear when a product or project is not operated by Cortlet.
Example 01 // Website integration
Website integration
When referencing Cortlet on a website, keep the relationship clear and descriptive. The Cortlet badge should support the reference rather than appear to be the website's own branding.
Use the official Cortlet badge that accurately describes the relationship.
Keep Cortlet visually secondary to the website's own identity.
Do not modify the badge or imply certification, partnership, or endorsement.
Example application
Real-time infrastructure
without the clutter.
A fictional application demonstrating an appropriate third-party Cortlet reference.
Official
The example uses the official Cortlet badge rather than recreating the mark or wording.
Secondary
Cortlet does not compete with or replace the site's primary identity.
Unambiguous
The badge describes the relationship without suggesting ownership, certification, or endorsement.
Example 02 // Logo placement
Keep it recognizable.
Give Cortlet assets enough room to breathe and use the provided light or dark variants for the background they appear on.
Keep the original proportions of the logo.
Leave reasonable clear space around the mark.
Use a variant with enough contrast against the background.
Do not recolor, stretch, rotate, or visually alter the logo.
Correct proportions and clear space.
Do not stretch or distort the mark.
Use an approved variant with proper contrast.
Do not place the logo where it becomes hard to read.
Keep sufficient empty space around the asset.
Do not crowd the logo against surrounding content.
Example 03 // Product references
Say what's true.
You can freely describe a real technical relationship with Cortlet. Keep the wording factual and avoid language that suggests Cortlet has approved, certified, sponsored, or partnered with your product unless that relationship actually exists.
Describe actual compatibility or integration.
Use straightforward language such as "Built with Cortlet."
Keep your own product as the primary brand.
Do not invent partnership or certification claims.
Descriptive references
These clearly describe how a product relates to Cortlet.
Misleading references
These imply a relationship that may not actually exist.
In context
Acme uses Cortlet to handle WebSocket connectivity between clients and its serverless backend.
As an official Cortlet technology partner, Acme provides Cortlet-approved realtime infrastructure.
Accurate
Only describe relationships and capabilities that actually exist.
Clear
A reasonable visitor should understand that your product is independent from Cortlet.
No invented status
Partnership, certification, and endorsement claims require actual authorization.
Example 04 // Light & dark variants
Use the right one.
Cortlet provides dedicated light and dark logo variants. Choose the version that creates clear contrast with the background instead of recoloring the logo yourself.
Use the dark variant on light backgrounds.
Use the light variant on dark backgrounds.
Use official provided variants instead of manually recoloring the logo.
Avoid backgrounds that reduce readability or make the mark difficult to recognize.
Light background
Use the official dark Cortlet logo.
Dark background
Use the official light Cortlet logo.
Dark on dark
Do not use the dark variant where contrast is too low.
Light on light
Do not use the light variant where contrast is too low.
Colored backgrounds
Contrast still decides the variant.
Brand-colored backgrounds do not require a special recolored logo. Use whichever official Cortlet variant provides the clearest contrast.
Acid lime
Blue
Lavender
Coral
Contrast
The Cortlet logo should remain immediately recognizable against its background.
Official variants
Use the supplied light or dark asset instead of modifying the logo yourself.
Consistency
Using the provided variants keeps Cortlet branding consistent across different interfaces.
Example 05 // Clear space
Give the mark room.
Cortlet logos should remain visually separate from surrounding text, controls, borders, imagery, and other branding.
Define X as the height of the Cortlet icon mark.
Keep at least 0.5X of empty space on every side.
The same rule applies to the standalone Cortlet icon.
Enough space
The logo remains distinct from surrounding content.
Crowded placement
Nearby elements interfere with the logo's clear space.
Standalone icon
Same principle.
For the standalone icon, define X as the icon's width or height and maintain at least 0.5X of empty space around every side.
0.5X minimum
Keep at least half the icon height of clear space around the logo.
No crowding
Keep text, borders, graphics, and other logos outside the protected area.
Keep it visible
Spacing and contrast should work together to keep the mark immediately recognizable.
Full examples
See it in
real context.
Explore complete fictional implementations that combine several Cortlet brand guidelines in one place.
Quick summary
Accurate.
Clear.
Recognizable.
Use official Cortlet assets rather than recreating them.
Maintain the original proportions, appearance, and spacing of the logo.
Choose light or dark variants based on contrast.
Maintain the required clear space around Cortlet marks.
Describe compatibility and integrations truthfully.
Do not imply partnership, certification, endorsement, or ownership unless Cortlet has explicitly authorized it.
Need the files?