collav collav
Brand Sheet
collav mark collav

The visual identity system for collav - logo, color, type, and usage essentials in one reference.

SOUND · SYSTEMS · SOFTWARE VERSION 1.0 - 2026
01 - Identity

The logo

The collav logo pairs an interlocking V·A monogram with a soft, rounded wordmark. The mark reads as two strokes meeting - sound and structure, working together. Use the full lockup as the default whenever space allows.

collav primary lockup

02 - Anatomy

Two elements

The identity is built from two parts that work together or stand alone. Keep their proportions exactly as drawn - never redraw, re-trace, or re-typeset them.

The mark
Symbol The Mark Two interlocking strokes - V and A - forming a continuous monogram. Acts as the app icon, avatar, and standalone brand stamp.
collav
Wordmark collav Always set in Comfortaa, lowercase. The wordmark is locked to this typeface - write the brand name as collav everywhere, in copy, headings, and UI alike.

03 - Variants

Solid & duotone

The mark comes in two finishes. Solid is the default - one flat color, maximum clarity at any size. Duotone lightens the overlapping panel to reveal the two interlocking strokes; use it at larger sizes where the detail can read.

Solid mark
SolidDefault · all sizes
Duotone mark
DuotoneLarge · expressive

04 - Lockups

Approved lockups

Four configurations cover every placement. Choose the one that best fits the space - don't invent new arrangements or spacing.

Primary - stackedDefault
collav
HorizontalTight / wide spaces
Mark onlyIcon / avatar
collav
Wordmark onlyIn-context / footer

05 - Application

Color & reversal

The logo lives in three colorways: collav Purple, solid black, and white. Pick the version with the strongest contrast against its background. Purple is preferred on light; white is required on dark and on the brand purple.

Purple on WhitePrimary
Black on WhiteMono / print
White on DarkDark UI
White on PurpleBrand fields

06 - Color

Palette

A deliberately tight system. collav Purple carries the brand; ink and white do the structural work. Lavender is the single supporting tint - it's the duotone's lighter panel, used for fills, states, and backgrounds.

#6630B0
collav Purple
HEX
#6630B0
RGB
102·48·176
CMYK
42·73·0·31
#DBD2F0
Lavender
HEX
#DBD2F0
RGB
219·210·240
CMYK
9·12·0·6
#100E16
Ink
HEX
#100E16
RGB
16·14·22
CMYK
27·36·0·91
#FFFFFF
Paper White
HEX
#FFFFFF
RGB
255·255·255
CMYK
0·0·0·0
Supporting - purple tint ramp
50
100
200
300
400 · base
500
Backgrounds & surfaces - light

collav surfaces are soft, warm off-whites. Use Off-White as the default page background, Surface for raised cards, and Muted Surface for insets, divided by the Line hairline.

Off-White · Background#F5F4F0
Surface#FFFFFF
Muted Surface#EDE9F3
Line#E8E5EC
Ink · text#1A1622
Backgrounds & surfaces - dark
Background#100E16
Surface#1A1622
Muted Surface#251F33
Line#342B47
Ink · text#ECE7F4

07 - Clear space

Clear space

Give the logo room to breathe. Keep clear space on all sides equal to the width of one stroke of the mark (= x). Nothing - type, imagery, or edges - should enter this zone.

collav mark with clear space
x

The minimum margin equals one stroke-width of the mark. When in doubt, add more space - the logo should never feel crowded.


08 - Scale

Minimum size

Below these sizes the mark's interlock and the wordmark's counters start to break down. Don't go smaller. For very small UI (favicons, app badges), use the mark on its own - solid, never duotone.

Digital
MARK · 32 px min
collav WORDMARK · 20 px min
Print
MARK · 10 mm min
collav WORDMARK · 6 mm min

09 - Misuse

What not to do

The logo's integrity depends on consistency. Avoid every alteration below - they all weaken recognition.

Don't stretch or distort the proportions.
Don't recolor outside the palette.
Don't rotate or tilt the logo.
Don't place on low-contrast or busy backgrounds.
Don't add shadows, glows, or effects.
collav
Don't re-typeset the wordmark - it's always Comfortaa.

10 - Type

Typography

The wordmark and all display headings use Comfortaa - the brand voice, rounded and warm. Body copy runs in Manrope, and specs, labels, and code use DM Mono. Three faces, clearly assigned.

Wordmark & display
Aa
Comfortaa·Medium 500 - Bold 700
collav
abcdefghijklm
nopqrstuvwxyz
0123456789
Body
Aa
Manrope·Light 300 - Semibold 600
Sound, systems & software for moving pictures.
ABCDEFGHIJKLM
nopqrstuvwxyz 0123456789
Specs & labels
Aa
DM Mono·Regular 400 - Medium 500
#6630B0 · v1.0
ABCDEFGHIJKLM
nopqrstuvwxyz 0123456789
collavcollav

Sound, systems & software for moving pictures. This sheet covers the essentials - for source files or anything not shown here, reach out before improvising.

Site

collav.cc

Capabilities

Audio post

Studio systems

Workflow tools

© 2026 collav. All rights reserved. BRAND SHEET · v1.0