callstack media kit

The Callstack media kit ensures consistent and professional representation of the brand across all platforms and media. It covers key elements like logos, colors, typography, icons, and illustrations, providing clear guidelines to maintain visual coherence. The purpose of the media kit is to help partners, teams, and collaborators use Callstack’s branding correctly, ensuring a unified identity for all subbrands, including React Universe Conf, React Universe On Air podcast, our newsletters, and Open Source libraries. Our values:

We build positive relationships
we foster respect, understanding, and care for those around us.
we always play to win
we lead the market with high performance and exceptional value.
we drive for personal growth and well-being
we take responsibility for our development and wellness.

Typography

Headlines

The font for headlines is Manuka.

Class
Size
Line height
Sample
is-display-large
200px
100%
react
is-display
150px
100%
universe
is-h1
96px
100%
REACT UNIVERSE
is-h2
80px
110%
REACT UNIVERSE
is-h3
60px
110%
REACT UNIVERSE
is-h4
48px
110%
REACT UNIVERSE
is-h5
39px
120%
REACT UNIVERSE
is-h6
31px
120%
REACT UNIVERSE

subHeadlines

The font for subheadlines is Domaine.

is-sub-xlarge
32px
120%
React Universe
is-sub-large
24px
120%
React Universe
is-sub-medium
20px
120%
React Universe
is-sub-small
16px
120%
React Universe

body

The font for body is Inter. You can download the webfonts here.

is-txt-xlarge
24px
140%
React Universe
is-txt-large
18px
140%
React Universe
is-txt-medium
16px
160%
React Universe
is-txt-normal
16px
160%
React Universe
is-txt-light
16px
160%
React Universe
is-txt-small
14px
140%
React Universe
is-txt-xsmall
10px
120%
React Universe

rich text element

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote "Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder or real text.
Name Surname @Company

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

Main:
HEX
Name
#EEEBFA
Neutral-200
#FCFBFE
Offwhite
#8232FF
Purple
#141450
Navy
#33CCCC
Cyan
HEX
Name
#F9F8FD
Neutrals-100
#D9DADB
Neutrals-300
#B1B3B4
Neutrals-400
#87888A
Neutrals-500
HEX
Name
#707173
Neutrals-600
#040410
Black-90
#000000
Black
HEX
Name
#FFF064 #19E632
Gradient Yellow-Green
#3CE4CB #324BFF
Gradient Cyan-Blue
#8232FF #141450
Gradient Purple-Navy
#141450 #8232FF
Gradient Navy-Purple

icons

We use Google Material icons as our standard icon style. There are hundreds of icons to choose from but there may be cases where you require a bespoke icon. We use the ‘without fill’ icon style (outlined). Follow the settings shown here (Weight: 400 - Grade: 0). Use the #8232FF purple colour. Icons are used mainly in presentations or UI/website purposes.

ICONS FOR SERVICES

To visually differentiate the services we offer, we have prepared dedicated icons assigned to each individual service. These icons can be found on the Callstack website, under the Services tab. The style and thickness of these icons are consistent with the guidelines of Google Material Icons.
Name
Sample
Tech Stack Upgrade
Team Upskilling
Product Development and Growth
Business Transformation
Optimization of Products and Processes
Download all versions

illustrations overview

We depict the React Universe as a place, and Callstack are the characters who lead the way through it. Each illustration carries the spirit of confidence, ability & ambition and demonstrate Callstack as a knowledgeable and fearless development partner. Characters represent Callstack in the React Universe. We have a lead character who wears a distinctive purple and pink armour & supporting characters who wear purple, white and vivid cyan.
Our illustrations carry our brand colors. To ensure that our brand looks unique and recognizable everywhere it’s seen, it’s important that the balance of colors is correct. There are no exact rules for achieving this but try to ensure that future illustration commissions feel like the examples shown here.