Logo

Typography

colors

Graphic elements

Icon style

Image style

Examples

Questions

macbook-pro-16_-7

Brand Guide


Logo


Typography


Colors


Graphic Elements


Icons


Image Style


Examples

01

Logo

Symbol and company name are carefully put together and should never be changed. We have collected all the logo versions here. Be sure to use the right format for the right surface.

↓

Logo


Colored Logo is used in primarily on dark backgrounds. Never use the colored logo on light or colored backgrounds. A white and black version are available for this purpose. 


Always maintain a high contrast between foreground and background when placing logo. 


group-925b
logo_black
group-955a

Safety Zone Logo

clear-space5

Logo Symbol


The logo symbol should preferably only be used on digital surfaces, such as profile pictures or social media.

↓
group-968
social-media_cv

02

Typography


CargoValue uses Everett as primary font.

Everett is designed by Nolan Paparelli from Switzerland. For headings / display or bigger text use medium. Subheadings and body use regular version. 


Space Grotesk is used as a secondary font for details and smaller text and also for all numbers. A mono version is included for use in apps where legibility is a priority.


↓

Everett Sans

(Primary font)


This is the primary font for CargoValue and is used in most cases. Headlines, subtitles, quantity text and display text.





frame-1196
asset-282x

Space Grotesk & 

Space Mono

(Secondary fonts)


Space Grotesk is used as a secondary font for details and smaller text and also for all numbers. 


A mono version is included for use in apps where legibility is a priority.



frame-1197
asset-282x
cargovalu-e2
asset-282x

Typographic Hierarchy

 


frame-12003

System Fonts


System fonts are used on digital surfaces where the main font Everett cannot be used. Examples are in PPT / Keynote and in Word / Pages templates. 



asset-112x
cv_lightbox_night_01
cv_lightbox_02

03

Colors

The profile colors should always be used with the color codes given here. Be conscious when using colors. Text and elements should have adequate contrast and size.

Color Palette

The primary colors are darker and brighter blues. Green and purple accent colors are to be used wisely to give a more energetic look. 

Ocean Blue

  • HEX #2AC5E8

  • RGB 42, 197, 232

AI Orange

  • HEX #FF7606

  • RGB 255, 118, 6


Ocean Blue Light

  • HEX #C7F8FF

  • RGB 199, 248, 255

AI Orange Light

  • HEX #FFA462

  • RGB 255, 164, 98


Deep Sea Black

  • HEX #050C0F

  • RGB 5, 12, 15

Deep Sea Blue

  • HEX #091922

  • RGB 9, 25, 34


Blue Clay Dark

  • HEX #0F232E

  • RGB 15, 35, 46

Blue Clay

  • HEX #122A37

  • RGB 18, 42, 55


Blue Clay Light

  • HEX #193B4D

  • RGB 25, 59, 77

White

  • HEX #ffffff

  • RGB 255, 255, 255


Clay Light

  • HEX #F2F7F5

  • RGB 242, 247, 245

Clay

  • HEX #E2EDE7

  • RGB 226, 237, 231


Green Clay Light

  • HEX #B4D0C0

  • RGB 180, 208, 192

Green Clay

  • HEX #82B097

  • RGB 130, 176, 151


Green Light

  • HEX #DCFF92

  • RGB 220, 255, 146

asset-282x

Color Use


Accent colors are a great way to create visuals with more energy and to make the overall feel richer. Here you see the suggested color combinations that work in harmony with each other.

color-combinations
group-15-1

04

Graphic Elements

The graphic elements are based on the the core symbol of CargoValue and can be used in different ways. There are two different elements. Lines and bars. 

The assets can be zoomed and cropped to make compelling elements for any design. 

↓
group-963
frame-12101
frame-1208
frame-1252a
frame-1254
frame-1253
frame-1255
frame-1257
frame-1145
frame-1256

05

Icons

Icons are a part of the streamline library

and the choosen style is called Material Solid.


Streamline Library



icons2

06

Images

Brand images should be connected to logistics and have an industrial, powerful feel to them. Don't overuse images of water/shipping but find a good balance between all aspects of logistics.


Images of people should always be situated in a working environment, whether it be inside an office or out in the field. Be careful of not overusing people in hard hats and safety vests.


NB! These pictures are for reference only and will be replaced as soon as CargoValue takes their own pictures.

 

12df9892056815-3
image-28
45d0d692056815-2
089f6292056815-3
089f6292056815
65015e92056815-2
845fde92056815-2

07

Examples



Here you can see examples of the profile as it is thought to be on various surfaces.

phone_web_cv

CargoValue is a digital twin of maritime supply chains; it is the most intuitive and user-friendly solution on the market,

managing ocean-based transportation.

phone_web_cv_02
phone_web_cv_03
tote_01
posters_cv-trainstation
billboards_stairs_01
ipad-pro-11_-2
ipad-pro-11_-4
web_pad_03
web_pad_01
cv_web_02

Questions?

Contact Person:


Simon Sebergsen

simon@klavenessdigital.com


↑ Back to top