Brand architecture

Celtra Logo

A primary communication element.

Celtra Symbol

Used for limited sizes and social media avatars.

CA & CE Logos

Pairs Celtra logo with its products.

CA & CE Symbol

Used for limited sizes on products.

Internal Teams

Departments can have their own distinct wordmark.

Logo construction

The Celtra logo represents a frame based on the grids that form the visual identity. It’s carefully constructed to maintain its ownable characteristics while allowing a high degree of legibility at any size on any application.

Logo position
The primary logo position is in the top or bottom left section of the application.
When the logo is the sole element of the application, it can be placed in the center.
Preferably, the logo sits on a white or black background. Applications with a colorful contrast background are also viable.
Logo lock-up in partnerships
Horizontal lock-up
A primary lock-up for partnerships. The dotted line limits the minimum and maximum height of the partner logo.
Vertical lock-up
A secondary lock-up for partnerships. The dotted line limits the minimum and maximum width of the partner logo.
No lock-up
In some cases, there is no need for the logo, mostly because the “brand” will appear internally, such as teams or events.
Logo in various sizes

The logo is designed to scale to small sizes on print and screen.

Smallest size: 20 pixels / 0.3 inch / 8 mm height.

Forbidden use of the logo
Don’t type out Celtra in other weights or fonts.
Don’t stretch or manipulate the logo.
Don’t type out Celtra in all caps or no caps.
Don’t use the logo without its frame.
02 Color

Celtra’s identity utilizes a wide range of colors and gradients. You should use this palette in both functional and surprising ways to create unexpected and bold designs.

Primary brand colors

The primary brand colors are Celtra Lollipop Pink and Celtra Candy Blue. They always appear in full tone. When it comes to these colors, there’s no room for DIY - they shouldn’t be darkened, lightened, or displayed transparently.

Celtra Lollipop Pink
HEX — FF51A7
RGB — 255 81 167
CMYK — 0 100 0 0
Pantone 806
Celtra Candy Blue
HEX — 008FFF
RGB — 0 143 255
CMYK — 100 40 0 0
Pantone Process Cyan
Background colors

The background color is mainly white or black. But since the world isn’t black and white, the color palette can be extended to include grey tones for functional applications of user interfaces.

Celtra White
HEX — FFFFFF
RGB — 255 255 255
CMYK — 0 0 0 0
Celtra Black
HEX — 000000
RGB — 0 0 0
CMYK — 0 0 0 100
Secondary brand colors
Fill colors

The secondary brand colors are Celtra Lemon Yellow and Celtra Peppermint Green. They should be used sparingly throughout illustration, photography, and product to maintain meaning and potency.

Celtra Lemon Yellow
HEX — FFFF00
RGB — 255 255 0
CMYK — 6 0 100 0
Pantone Process Yellow
Celtra Peppermint Green
HEX — 00FF6C
RGB — 0 255 108
CMYK — 50 0 100 0
Pantone 802
Gradient colors

These are predefined swatches that derive from primary and secondary colors and are available for download. While you should aim to make the content as dynamic as possible, the look is all about consistency, so however much you’d like to, don’t mix gradient colors on your own.

Sherbet
Matcha
Donut
Chewing Gum
Bonbon
Jelly
Strawberry
Gummy
Sorbetto
Macaron
Panna Cotta
Cupcake
Ice Cream
Smoothie
Marshmallow
Tiramisu
Jawbreaker

Primarily used for CA applications.

Mint Cake

Primarily used for CE applications.

How to use color
Background color

A short gradient finish on the main text background establishes the recognizability of Celtra’s language even on the smallest of materials. It should be used when possible, with the following settings.

White to pink
linear-gradient(90deg, #FFF 95%, #FF51A7)
White to blue
linear-gradient(90deg, #FFF 95%, #008FFF)
Black to pink
linear-gradient(90deg, #000 95%, #FF51A7)
Black to blue
linear-gradient(90deg, #000 95%, #008FFF)
Wrong use
Don’t mix in new colors that aren’t defined.
Don’t colorize all text.
Don’t cover the grid cells with flat colors.
Don’t combine similar color shades and gradients.
03 Typograpy

We aim for clear and exciting typographic structures to enable consistent visual communication across all media.

Favorit
is our primary font and will be widely used in PPT presentations, marketing materials and other external communications. 
Helvetica
is used for quick presentations, Google Docs, and other situations where Celtra Favorit isn’t available. Helvetica Neue is available to you as a default font on Mac OS X and with Google Apps on Windows OS.
04 Presentations

Powerpoint and Google Slides templates are available in 4 different color variations designated for specific or random content options. Templates should not be mixed, in order to obtain consistent look and feel across our presentations. Use CA and CE designated templates only for product-related content.

All presentations are templatized so there is no need to copy them - simply click on the chosen template and start editing.

Please make sure you read through the Presentation Usage Guidelines before the use.

Template examples
Jawbreaker
Used for CA-specific content.
Mintcake
Used for CE-specific content.
Bonbon
Tiramisu
Slide examples
05 Document templates

Word and Google Docs templates are available in 2 different content variations, set up for general and table usage. Use CA and CE designated templates only for product-related content.

All documents are templatized so there is no need to copy them - simply click on the chosen template and start editing.

06 Email signature

Make sure you follow these instructions when updating your signature.