Skip to main content
Our brand

Our brand, in the open

The logo, colours, type and voice we use to show up the same way everywhere. Browse the system below, or take the full brand book with you.

AI-augmented. Human-led. Outcome-driven.

Get the brand book

PDF. Free. No email required.

Download the brand book
  1. Senior

    Experienced people stay on the real work and own the outcome. Nobody learns on your budget.

  2. AI-augmented

    AI speeds up research, code and testing. People stay responsible for everything that ships.

  3. Outcome-driven

    We lead with results and name trade-offs early. Calm confidence instead of effort theatre.

Logo

A mark built from iteration

The C mark grew from a square into a circle, a shape for iteration and openness. The pixel dot stays as a nod to where we started.

On light
On dark
  • On Charleston
  • On amaranth red
  • On dogwood rose
  • On chocolate
Clear spaceKeep the height of the mark free on every side. Nothing enters the dashed zone.
Wordmark · 100 px min
Mark · 32 px min
Minimum sizeBelow these, switch to the mark on its own or scale the lockup back up.
What to avoid
  • Don't stretch or condense
  • Don't rotate the mark
  • Don't recolour or flatten
  • Don't add effects
Get the logo

Vector files for partners, press and project credits. Keep the clear space, never recolour the mark; the full rules are above. Questions: info@codepixel.me.

Colour

Three colours, one gradient

Amaranth red, dogwood rose and chocolate share the same lightness and saturation, so they blend cleanly. Neutrals do the quiet work.

Primary

The three share the same lightness and saturation, so they blend cleanly in the gradient.

  • Amaranth red#DE1E2BPantone 1795 C
  • Dogwood rose#DE1E61Pantone 213 C
  • Chocolate#DC6A1EPantone 1595 C
Signature gradientAmaranth red into dogwood rose into chocolate, at 97 degrees. Linear only, never radial.

Neutrals

Charleston carries text and dark surfaces. Lotion is the quiet light background.

  • Charleston#2A2B2CNeutral Black C
  • Lotion#FCFCFC

Red tints

  • Red 59#E64752
  • Red 69#EC747C
  • Red 79#F2A1A6
  • Red 89#F8CED0

Pink tints

  • Pink 59#E6477E
  • Pink 69#EC749E
  • Pink 79#F2A1BD
  • Pink 89#F8CEDC

Orange tints

  • Orange 59#E68747
  • Orange 69#ECA474
  • Orange 79#F2C1A1
  • Orange 89#F8DFCE

Secondary

Patterns and accents only, up to 30 percent of a composition. Never on logos or headlines.

  • Blue-violet#6A1EDC
  • Citrine#DCC91E
  • Caribbean green#1EDE9B
  • Bright turquoise#1EDED1
  • Steel pink#DE1EC1
  • Bleu de France#1E90DC
Typography

Two typefaces, clear roles

Objective carries headlines. Avenir Next handles body and interface text. Sentence case throughout, never all-caps body, never stretched or condensed.

Objective

Headlines and display

We ship products, not promises.

  • 300 LightCodepixel
  • 400 RegularCodepixel
  • 500 MediumCodepixel
  • 700 BoldCodepixel
  • 800 ExtraBoldCodepixel
Line height 120 percent. Tracking 0.

Avenir Next

Body and interface

Senior squads, AI-augmented workflows, trade-offs named up front.

  • 400 RegularCodepixel
  • 500 MediumCodepixel
  • 600 DemiCodepixel
  • 700 BoldCodepixel
Line height 130 percent. Arial steps in as the fallback.
Voice

How we sound

Confident, direct and specific. We write to be understood.

  • Confident, not arrogant
  • Direct, not cold
  • Technical, not condescending
  • Specific, not inflated
  • Calm, not slow
  • Senior, not academic
  • Instead of

    Codepixel is the absolute best full-cycle software company in Montenegro.

    We say

    We deliver full-cycle software for product teams across Europe, the UK and North America.

  • Instead of

    We leverage cutting-edge AI to revolutionize delivery.

    We say

    AI handles the repetitive work. Senior engineers review everything that ships.

  • Instead of

    World-class talent on demand.

    We say

    Senior engineers who have shipped products like yours.

  • Instead of

    A seamless end-to-end experience.

    We say

    One team from discovery to launch, with named owners at every step.

Patterns

Shapes from the mark

Arcs, dots and circles taken from the C mark tile into backgrounds and accents. They support content. They never compete with it.

Primary
Accent
Negative

Where the pattern works

The pattern is a dedicated surface. It belongs where it can carry weight on its own.

  • Backgrounds for hero compositions and cover slides.
  • Accent strips and dividers along the edge of a layout.
  • Marketing collateral: envelopes, card backs, brochure dividers.
  • Secondary palette inside patterns, up to 30 percent.

Where it never goes

The pattern competes with content. Keep it off any surface that has to stay legible.

  • Behind body text or long-form reading surfaces.
  • Inside product UI, where it reads as noise.
  • Over photography that needs to stay clear.
  • Stretched, squashed or recoloured off the palette.
Next step

Take the full brand book

The brand book covers everything on this page in more depth, with usage examples and file-ready assets.