Skip to content

Brand guidelines

Explore Fotoware's brand guidelines to ensure consistent application of our brand identity. This resource provides essential guidelines for logos, typography, colors, and more, helping us to maintain a unified and impactful brand presence.

Brand identity

Concept: Flow

"The action or fact of moving along in a steady, continuous stream" Improving workflows so people can do their job more efficient.

Light flow

Brand promise: Streamlining content workflows

We do everything we can to constantly improve and develop the workflow for our customers. We streamline workflows so people can work more efficiently, saving time, resources, and costs. Fotoware enables organizations to create more and unlock the true value of their digital content.

Light flow

Brand personality: We are the experts that help create new solutions

We value our experience and use it in the best interest of our customers. We see their challenges and use our competence and imagination to think outside-the-box always challenging and creating new customer centric solutions that solves their needs.

GRP - Hero Gradients (9)

Brand perception: Trustworthy and creative. With a bold and helpful attitude.

1. Focus on customer needs 2. Create content that is easy to understand 3. Give the right information at the right time 4. Provide friction-free customer journeys 5. Use a visual design system that supports efficiency

GRP - Hero Gradients (33)

Logo

Main logo

A logo is more than just a symbol in the corner of a digital space. It should be seamlessly integrated across all products and platforms to convey the essence of the Fotoware brand through symbols and letters. Fotoware has retained the logo but revamped the font and symbol to create a unified visual concept. The W is influenced by the symbol's visual language, which adds a subtle touch. This addition honors the symbolism within our logo and suggests the idea of flow and workflows, resulting in a more comprehensive and meaningful brand narrative.

logo_positive

Negative logo

White logo on a dark background

logo-negative

Logo symbol

logo-symbol

Clear space

clear_space

Color options

logo-usage

Colors

We use a simplified palette comprised of two primary colors. The green is a bright color with a medium to dark shade and a noticeable saturation, giving it a lively and fresh look. The color tone suggests growth, nature, and vitality, and conveys a sense of balance, calmness, and sustainability. While the blue color is more muted and sophisticated, it leans towards a lavender hue, and exudes a calm and serene feel. This tone is often associated with qualities like tranquility and stability. The color can be perceived as both modern and soothing, making it suitable for various design contexts, always communicating a calm and focused workflow.The palette seamlessly adapts to both dark and light modes with its warm grey and pitch-black colors, resulting in a visually appealing experience.

colors

Primary colors

dark-blue

Dark Blue

HEX: #090140

RGB: 9/1/64 CMYK: 100/100/7/76 PMS: 275c

blue

Blue

HEX: #6764f7

RGB: 103/100/247 CMYK: 58/60/0/3 PMS: 2125c

bright-sky

Bright Sky

HEX: #DFE5FF

RGB: 223/229/255 CMYK: 13/10/0/0 PMS: 2706c

green

Green

HEX #03D98C

RGB: 3/217/140 CMYK: 99/0/35/15 PMS: 2412c

light-green

Light Green

HEX: #CEFDE4

RGB: 206/253/228 CMYK: 19/0/10/1 PMS: 573c

light-grey

Light Grey

HEX: #ECEBE8

RGB: 236/235/232 CMYK: 0/0/2/7 PMS: —

Secondary colors

To add more variation to the primary colors, we incorporate different tints of green and blue.

Colour _ Secondary Colours (2) (2)

Typography

Primary typeface: Aeonik

Aeonik is a contemporary sans-serif typeface by Dunwich Type Founders. Aeonik is recognized for its distinctive and modern design, blending geometric and humanist elements to create a unique visual identity. The font exhibits a balanced combination of straight lines and subtle curves, contributing to its legibility and aesthetic appeal. It's sharp, geometric, and friendly, reflecting our personality and desire to be trustworthy, creative, and helpful. Its readability makes it effective in both print and digital environments as well as suitable for various surfaces and interfaces. Aeonik's versatility extends to various weights and styles, providing our designers with options to convey different tones and messages. For more info, email: info@cotypefoundry.com. Or visit aeonik.co.uk/font/

typography-main-font

Heading styles: 

H1

Font-family: Aeonik Medium
Font size: 3-6 rem - max(3rem,min(3rem + 3 * (100vw - 20rem)/70,6rem));
Font weight: 500
Line height: 100%

H2

Font-family: Aeonik Medium
Font-size: 2.25 to 3.5rem - max(2.25rem,min(2.25rem + 1.25 * (100vw - 20rem)/70,3.5rem));
Font weight: 500
Line-height: 114%;

H3

(to be filled out)

H4

(to be filled out)

Body / paragraph

Font-family: Aeonik Regular
font-size: 1rem and 1.125rem - max(1rem, min(1rem + 0.1 * (100vw - 20rem) / 70, 1.125rem));
font-weight: 400
line-height: 1.5

Accessibility

WCAG level AA

At Fotoware, we prioritize creating an inclusive brand experience that is accessible to everyone. For better readability, we use a high-contrast combination of dark text on a light background. We also choose fonts and spacing carefully to ensure that our brand message is legible to all. To make sure that everyone can access our content, we follow accessibility standards for color combinations and add alt text to important images and graphics. However, our brand colors may not always meet these standards due to low-contrast text and intricate patterns that can make it hard to see.

accessibility

Gradients

Flow

Embracing the concept of flow, we asked ourselves: "What does a workflow look like?" Our exploration gave us highly detailed illustrations of diagrams with boxes, lines, and loops. Our approach to visualization was to move away from the complex illustrations and instead introduce abstraction in the form of gradient waves. This approach results in a softer visual impact and with a more accessible and friendly aesthetic that doesn't demand too much attention. These gradients serve a purpose beyond mere aesthetics. They can be used as backgrounds or covers, infusing life and energy into the brand. Adjusting the intensity allows for customization, ensuring they seamlessly integrate into various contexts. Used as static images or dynamic animations, they can adapt to the limitations of different mediums.

flow-gradients
gradients-1

Icons

Google's Material Symbols

For icons, we use Google's Material Symbols. This is to reduce the cost of making and maintaining icons. Here we have over 3000 icons with a wide range of design variants, covering our needs for both products and websites. Symbols are available in three styles and four adjustable variable font styles (fill, weight, grade, and optical size). We use: Outlined Weight: 400 Fill: Off Grade: Normal

icons

Need help?

Want to talk with us? Send us a message in the chat or hit the button!