One brand.
Many expressions.
The lowercase wordmark, the c. symbol, and the colors that tie everything together. Ready-to-use assets for products, presentations, and publications.
Download full kit · ZIP ↓17 SVGs + 68 PNGs + quick guidecatalisa.
In lowercase. In full.
The primary version keeps the site's purple and yellow dot. Choose a monochrome or reversed alternative depending on the background and context.
Small in footprint.
Present in the identity.
The c. condenses the signature for avatars, icons and compact touchpoints. Use the full name when the brand is not yet established in context.
From the profile
to the next presentation.
Square avatars and covers with backgrounds, in proportions suited to each use. The SVGs remain editable in vector tools.
Purple avatar
Light avatar
Orange avatar
Social / 1200 × 630
Presentation / 1920 × 1080
A purple base.
Accents that connect.
Click a color to copy its HEX code.
Consistency
is also composition.
Which file should I use?
SVG for interfaces, print, and larger scales. The lettering is converted to outlines: the file doesn't depend on having a font installed.
PNG for presentations, documents and tools that require an image. The listed size is the total width in pixels, including the margin.
Spacing and contrast
Keep the margin included in the files and the original proportions. Use the white or negative version on dark backgrounds and the primary version on light backgrounds.
Avoid distortion, added shadows, outlines, or changing the dot's colors on their own.
Typography and language
Inter is the typeface family used across the site. Headings with room to breathe, direct copy and geometric shapes help keep the language consistent.
The signature and symbol in this package follow the lowercase direction adopted here.
All in one file.
Logos, symbols, avatars, covers, and usage guide.
