Kazaar Brand Guidelines

Naming

"Kazaar" is a single word, always spelled with a capital "K," never in full caps in running text ("Kazaar," not "KAZAAR," outside of the logotype itself). It's the brand name of the company and the platform — not "the Kazaar app" or "Kazaar's app."

Usage

Give the mark room to breathe. Don't crowd it against edges, other logos, or dense text. Minimum clear space on every side equals the height of the K icon.

Colors

Kazaar's identity is monochrome — black, white, and grey, deliberately. No color is used to signal brand recognition. The two brand colors below are preferred for wordmark usage; the full grey scale beneath them is for UI, not for the logo itself.

Grey scale

Ten steps between the two brand colors, for UI tokens — backgrounds, borders, secondary text. Not for the logo.

State colors

Functional, not brand — the one deliberate exception to "no color." Success, warning and danger stay legible against Kazaar Ink; nothing else earns color. Not for accents, illustration or emphasis.

Gradient

One signature treatment beyond the flat palette above: a wide, low-contrast wash lighting the top-left corner of Kazaar Ink. It's how the product's own elevated surfaces (panels, the onboarding page) are lit — never used to add color, only depth.

radial-gradient(150% 130% at 0% 0%, rgba(42,43,48,0.40) 0%, rgba(36,37,42,0.29) 24%, rgba(30,31,36,0.20) 52%, rgba(27,28,33,0.14) 74%, rgba(25,26,30,0.09) 100%)

Wordmark

The Kazaar wordmark should be used in all references to Kazaar as space allows. Monochrome usage is standard — always one of the two colors below, never the legacy indigo.

Kazaar icon

For tight layouts or icon-only grids, the isolated K mark refers to Kazaar concisely. It's built from the same three shapes as the wordmark's "K" — nothing new drawn, just isolated. Use with good judgment: the full wordmark carries stronger brand recognition.

App icon

When a "chip" design is required — app icons, favicons, avatar grids — the icon sits in a rounded square. Dark chip is the default; use the light chip only where the surrounding UI is already light.

Typography

Kazaar's typeface is Inter — a free, open-source neo-grotesque built specifically for screens, in the same family as Apple's San Francisco. It's the standard choice across comparable product companies for exactly that reason: it reads clean on a dashboard at 13px and holds up just as well set large on a landing page. One typeface, every context — product UI, marketing, decks, docs.

Type scale

Headline weight is Medium throughout — a lighter, more restrained voice than an all-bold scale. Don't introduce a second typeface for contrast — get contrast from weight and size instead.

Deck template

Eighteen empty slides. Duplicate the one whose shape fits what you have to say — don't restyle one.

KazaarDeck title goes here,two lines at mostOne line on what this deck is for and what you want out of the room.OwnerNameAudienceTeam or forumDateMonth YYYYStatusDraft

Download .pptx

KazaarDeck title goes here,two lines at mostOne line on what this deck is for and what you want out of the room.OwnerNameAudienceTeam or forumDateMonth YYYYStatusDraft

SectionThe clause that says what this section argues01

FRAMINGWhat this meeting is forGOALWhat we want out of the roomReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.PRINCIPLESHow we are choosing to workReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.NOT IN SCOPEWhat this deck does not coverReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.FRAMING3

THE POINTThe single sentence you wantthem to remember.

POSITIONINGNot this. This.NOT THISWhat this is notReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.• First consequence• Second consequence• Third consequenceTHISWhat this isReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.• First consequence• Second consequence• Third consequencePOSITIONING5

RATIONALEWhy now, and why this wayThe one-line version of the argument the three columns below make in full.01TimingReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.02ApproachReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.03AdvantageReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.RATIONALE6

OBJECTIVESGoals and the dates they land01Month YYYYThe goal, stated as an outcome rather than a task.How we will know it happened.02Month YYYYThe goal, stated as an outcome rather than a task.How we will know it happened.03Quarter YYYYThe goal, stated as an outcome rather than a task.How we will know it happened.OBJECTIVES7

DECISIONTwo tracks, one platformThe sentence that explains why both tracks exist at once rather than one replacing the other.Track AFROZENReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.WHAT IT COVERSReplace this copy.WHAT IT DOES NOTReplace this copy.WHO OWNS ITReplace this copy.Track BACTIVEReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.WHAT IT COVERSReplace this copy.WHAT IT DOES NOTReplace this copy.WHO OWNS ITReplace this copy.DECISION8

WORKSTREAMSFour axes for the half01Workstream nameReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.02Workstream nameReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.03Workstream nameReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.04Workstream nameReplace this copy. One or two sentences is the right length for this block — if it needs more, it probably needs its own slide.WORKSTREAMS9

FLOWHow a thing moves through the systemOne line on what changes between the first stage and the last.ENTRYINTENTENRICHFOLLOW-UPREADYACTOR AStepwhat happens here›Stepwhat happens here›Stepwhat happens here›Stepwhat happens here›Stepwhat happens hereACTOR BStepwhat happens here›Stepwhat happens here›Stepwhat happens here›Stepwhat happens here›Stepwhat happens hereGATEWhat has to be true before the last stage can be reached.FLOW10

COMPARISONSame stages, different path at each oneDIMENSIONMode AMode BOnboardingReplace this copy.Replace this copy.Entry pointReplace this copy.Replace this copy.RoutingReplace this copy.Replace this copy.DocumentsReplace this copy.Replace this copy.BillingReplace this copy.Replace this copy.COMPARISON11

TIMELINEMilestonesERA ONEMonth YYYYMilestone nameWhat it unblocks, in one clause.Month YYYYMilestone nameWhat it unblocks, in one clause.ERA TWOMonth YYYYMilestone nameWhat it unblocks, in one clause.Month YYYYMilestone nameWhat it unblocks, in one clause.TIMELINE12

PLANPhase one and phase twoPhase oneSCOPEReplace this copy.OWNERSReplace this copy.DEPENDENCIESReplace this copy.EXIT CRITERIAReplace this copy.RISKReplace this copy.Phase twoSCOPEReplace this copy.OWNERSReplace this copy.DEPENDENCIESReplace this copy.EXIT CRITERIAReplace this copy.RISKReplace this copy.PLAN13

NUMBERSWhere we areMETRIC ONE00vs prior periodMETRIC TWO00vs prior periodMETRIC THREE00%vs prior periodMETRIC FOUR00vs prior periodNUMBERS14

INPUT NEEDEDOpen questions01Topic one• The first question, phrased so it can be answered.• The second question.• The third question.• The fourth question.02Topic two• The first question, phrased so it can be answered.• The second question.• The third question.• The fourth question.INPUT NEEDED15

PRODUCTWhat it looks likeReplace this frame with a screenshotOne line of caption: what to look at, not what it is.PRODUCT16

NEXTNext stepsACTIONOWNERBYWhat happens nextNameDD MonWhat happens nextNameDD MonWhat happens nextNameDD MonWhat happens nextNameDD MonNEXT17

TEMPLATE REFERENCEHow to use this deckPALETTE0B0B0D16171B2A2B306B6D7397999EFAFAFA34D399FBBF24F87171Colour only ever carries state. Nothing in a Kazaar deck is coloured for emphasis or decoration.TYPETitle22ptSection hero44ptCard title13ptBody9.5ptCaption8pt, uppercase, trackedRULES• Inter throughout. 500 for headings, 300 for body.• Kazaar, never KAZAAR, outside the logotype.• Duplicate a slide rather than restyling one.• Screenshots in the dark theme only.• Delete this slide before sending a deck out.TEMPLATE REFERENCE18

18 slides · 16:9 · Inter · built from the tokens on this page

Social

Profile pictures, covers, posts, call backgrounds and the email signature — everywhere Kazaar shows up, ready to use. Same monochrome identity, same line the site opens with — don't add a tagline of your own.

LinkedIn

Company page banner and profile picture, and images for posts.

Banner

Profile picture

400 × 400 @2x · K icon in Kazaar White on Kazaar Ink · sized to sit inside LinkedIn’s circle crop. Also the avatar for Slack, Google Workspace and Notion

Download .png

Posts

Type the headline, download the image. Short and declarative, like the site — one idea per post. Line breaks are kept; long headlines shrink to fit.

Welcome to the Jungle

Logo for the company profile. Replaces the legacy indigo K.

400 × 400 @2x · K icon in Kazaar White on Kazaar Ink · shown square and uncropped, so the K runs larger than on LinkedIn

Download .png

Google Meet

Background for sales calls. Set it in Meet under Apply visual effects → Backgrounds → Upload.

Email signature

Fill in your details, copy, paste. In Gmail: Settings → See all settings → Signature → Create new, then paste into the box. Nothing you type here leaves this page.