Skip to main content
Elemental Cognition’s Logo, established 2015
New Elemental Cognition Logo, established 2023

Our AI is the digital epicenter that powers all our products, from Cogent to Cora. We have visually embodied this in our logo, which, at the center of it, the primary device sits strategically harboring all the company’s brand values and visually representing the AI’s beating heart.

It encapsulates the very essence of what EC is about, embodying the innovative spirit and cutting-edge technology that lies within. As the beating heart of our logo, AI signifies our unwavering commitment to creating products that deliver exceptional results.

Elemental Cognitions Primary Stacked Logo
Elemental Cognitions Secondary Landscape Logo

The new EC logo is available in its primary form of full-color stacked and in its secondary form of landscape, allowing it to suit more height-constrained spaces. Our Elemental Cognition logo is offered in multiple styles and formats to meet several design requirements, including:

  • Primary Stacked Full Color
  • Primary Stacked Full Color Reversed
  • Secondary Landscape Full Color
  • Secondary Landscape Full Color Reversed
  • Black with Icon Shade
  • Black Flat
  • White with Icon Shade
  • White Flat

You can download these and more from our Identity Tool Kit pages.

Our logos are all constructed on a carefully measured grid to optimize visibility with varying uses and scales in mind.
Primary Stacked Logo with Shade for light backgrounds (positive)
Primary Stacked Logo with Shade for dark backgrounds (reversed)
Black Stacked Logo with Shade for light backgrounds
White Stacked Logo with Shade for dark backgrounds
Secondary Landscape Logo with Shade for light backgrounds (positive)
Secondary Landscape Logo with Shade for dark backgrounds (reversed)
Secondary Black Landscape Logo with Shade for light backgrounds (positive)
Secondary White Landscape Logo with Shade for dark backgrounds (reversed)
EC Icon

Our icon is a significant identifier for EC as a company, and any standalone use should be considered. Visually this device we’ve created allows us to future-proof the company’s vision and ethos, Creating new cutting-edge intuitive products, all built around and powered by EC’s innovative AI. Each new release or platform is still ultimately powered by our foundation.

Full color and monotone icon suite with shading applied
Full color and monotone icon suite, ‘flat’, with no shading applied

The device is in its shade style, offering a three-dimensional appearance of its hexagonal path and a ‘flat’ style where no additional shading is applied. We also have this device available in a full suite of options, including shade and flat monotone versions for light and dark backgrounds.

Scale

Any of EC’s logos being resized must always be scaled proportionally. To ensure the logo is always clear, we have reached a series of minimum size rules to which the logo can be scaled down. Based on the logo’s height dimension, we break this down into critical breakpoints. The basis of this is how we consider a logo presented visually at smaller sizes and how elements of the logo, such as shading, can degrade the logo’s appearance or if the legibility of the logotype itself becomes compromised.

1. Large

Always use the Primary logo with a gradient for larger logo applications.

2. Medium

Use the Primary logo with gradient for logo applications of a height of 25px or greater.

3. Small

Use the Primary or Secondary logo without the gradient for logo applications with less than 25px in height.

4. Extra Small

For applications that require a very small logo, 10px or less in height, use the landscape logotype with no icon.

As denoted above, we have created a tangible scale that dictates the usage of a specific logo style based on the size used. Anything considered normal or large should use our primary stacked version with shade. When the logo is scaled down to 25px or less, we switch to our ‘flat’ version, as the shade visually compromises the icon’s appearance. The final breakpoint is 10px or under, where we have created a ‘tiny’ version for tiny applications where the icon is omitted entirely and the logo is represented by the logotype only.

Clearspace

Clearspace is a crucial aspect of logo design that should always be noticed. It refers to the empty space surrounding a logo, ensuring it remains visually distinct and impactful in any application. Clearspace is an aesthetic consideration and a crucial design principle that influences a logo’s overall effectiveness and impact. It’s a fundamental aspect of logo design that significantly enhances brand recognition, consistency, and professionalism.

Clearspace with no tagline applied
Clearspace with a tagline defined

Our Clearspace is defined relative to 1xe at the extremities of the logo. Internally we also use our ‘e’ to define spacing within the identity components. The space between the logotype and icon is represented by 0.5xe on its vertical axis. The tagline version is also determined by 0.5xe on its horizontal axis. Clearspace ensures our logo is given clear visibility and space to breathe within a design.

Partnerships

Maintaining a solid and consistent brand image is essential, especially regarding logo partnerships. To ensure the visual integrity and clarity of our brand identity, we have established some proximity guidelines for using our logo in partnership with other brands that employ many of our Clearspace principles.

Primary Logo Partnership maintains a total combined Clearspace of 2xe
Secondary Logo Partnership maintains a total combined Clearspace of 2xe

Adhering to these proximity guidelines can create powerful and cohesive logo partnerships that elevate both brands while respecting each other’s visual identity. Consistency in logo usage reinforces our brand’s authenticity and professionalism, ensuring a positive market perception.

Typography

We have chosen the font ‘Inter‘ by Rasmus Andersson to communicate to our audience on behalf of our brand. Inter is a highly optimized variable font family carefully crafted & designed for computer screens. It is considered a friendly font that communicates sincerity.

Inter features a tall x-height to aid in the readability of mixed-case and lower-case text. Several OpenType features are also provided, like contextual alternates that adjust punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate “0” from “o,” tabular numbers, etc. Source: Google Fonts

The quick brown fox jumps over the lazy dog

Inter Bold 700

The quick brown fox jumps over the lazy dog

Inter Medium 500

The quick brown fox jumps over the lazy dog.

Inter Normal 400

The quick brown fox jumps over the lazy dog.

Inter Light 200

Inter is a versatile typeface suitable for both print and digital media. Its balanced design allows for easy legibility in various sizes and across different platforms. We use a selection of weights to represent the EC brand. Bold 700, Medium 500, Normal 400, and Light 200. An entire web and Print typography scale will soon be available as part of our Identity Tool Kit.

Color

Color is a fundamental element in design and plays a crucial role in shaping how audiences perceive and interact with visual content. EC emits a powerful color palette for the AI space. A combination of eye-catching Magenta and deep dark Purple to ready the brand for impact in the AI space.

Brand Colors

The EC Brand colors are ‘Brand Pink Primary’ (Magenta), Brand Pink Secondary (Dusty Magenta), and ‘Brand Dark,’ a rich dark Purple to invigorate our Brand Pink. Magenta is an unconventional choice, eye-catching, strong, and inspiring. It stands out and proud from the ever-increasing crowd as AI commands our attention in 2023.

Brand Pink Primary
Process Magenta C
C=00 M=100 Y=00 K=00
#FF0066

Brand Pink Secondary
Pantone 227C
C=00 M=100 Y=00 K=28
#B8006B

Brand Dark
Pantone 5255C
C=100 M=74 Y=00 K=84
#10002B

Neutrals

Neutral tones are prized in design for their ability to create balance, provide contrast, and serve as a foundation for other colors. They work well with vibrant hues and other neutrals, allowing designers to create a harmonious and cohesive visual experience. These gray tones are introduced for their subtlety and lack of strong chromatic intensity. Our neutral tones support and add depth to our design language, enabling us to create layers of information and ensuring our brand colors maintain their visibility and intensity.

#171717
#333333
#4C4C4C
#666666
#808080
#999999
#B2B2B2
#CCCCCC
#E5E5E5
#F3F3F3
#FBFBFB
#FFFFFF
Product UI

In addition to our Brand and Neutral palettes, We have established our UI palette to help establish an informative and structured product design system and help our users understand certain global conditions and states in a conventional product experience. Our UI palette is primarily used for our product suite and enables us to build out our user experiences following traditional color patterns and definitions.

#000000
#0032EB
#05944F
#E2A327
#E11900
#F8DF03

A complete tonal definition guideline of our Brand, Neutral, and UI Color Palettes will be available soon as part of our Identity Tool Kit.

Iconography

Iconography in a design system reinforces the brand identity, creating a cohesive and recognizable look across various touchpoints, such as websites, apps, marketing materials, and product interfaces. They are a vital component of a design system, providing consistency, clarity, and user-friendly experiences.

Our branded Iconography is a developing suite of assets still being prepared for release. The set below is an example showcase, exposing some of our work in progress. We are working toward a full bespoke icon suite to support our base utility icons. Watch this space.

Do’s & Dont’s

A logo is a powerful thing in its own right, and being in charge of its use and placement is a weighty responsibility. It is much more than just graphic design. It is the embodiment of a brand’s identity and values. It is a powerful brand recognition, differentiation, storytelling, and trust-building tool. Our logo should therefore be treated with care and consistency. A few simple but essential rules must be employed to ensure its integrity remains intact as an enduring symbol of EC’s brand.

Do Not modify any part of the colour of the logo
Do Not change the position of the icon
Do Not change the proportions of the logo
Do Use the appropriate logo for the application
Do Not modify letters on the logotype
Do Not place the logo on backgrounds of similar colour
Do Not position the logo directly onto a complex background
Do position the logo in an area of clear contrast

EC’s visual identity is brand new, and its rules and systems are evolving. We are working to cement these systems in place and ensure viable assets are released at a regular cadence. If anything is required for a project that is not currently available in our Identity Kit or if there is information not covered in our guidelines here, please contact [email protected].