Logo usage
The Cint logo is our hallmark
Cint is the pioneer of programmatic market places for the market research industry.
Cint invented ResTech and we have the determination to continue evolving the industry.
Primary logo
Our primary logo should only be used on solid or gradients backgrounds. The Primary logo should be in Abnormal Aubergine (#2A0B57) or white on a background that provides clear readable contrast.
Backgrounds
The Logo may be used on images with appropriate contrast and clear space. Avoid using the logo on any image that does not provide readability or appear too busy.
Variations
Lockup logo
Our logo can also be paired with our purpose of “Feeding the worldʼs curiosityˮ. The tagline should be stacked next to the logo as displayed.
Clear space
Let it breathe
The logo is our key identifier. Let it breath. Do not be crowd with other elements inside of the safe area.
Color palette
We avoid the overuse of dark or dull colors.
The Cint base color palette is fresh, alive and vibrant. It is approachable but surprising.
We classify three types of color: Primary, Secondary and Tertiary.
Solids
Primary palette
Abnormal Aubergine
#2A0B57
R42 G11 B87
C85 M100 Y0 K23
Pantone 2617
Primary palette
Peculiar
Purple
#891FDC
R137 G31 B220
C54 M86 Y0 K0
Pantone 7442
Mysterious
Magenta
#CD25F1
R205 G27 B241
C36 M89 Y0 K0
Pantone Purple
Secondary palette
Baffling
Blue
#1056FB
R16 G86 B251
C90 M44 Y0 K0
Pantone 2174
Gadzooks
Green
#28B038
R0 G168 B45
C80 M0 Y100 K0
Pantone 2422
Tertiary palette
Remarkable
Red
#FC1F38
R252 G31 B56
C0 M93 Y82 K0
Pantone 1788
Perplexing
Pink
#FCABDC
R252 G171 B220
C3 M29 Y0 K0
Pantone 2365
Odd
Orange
#FDA63F
R253 G166 B63
C0 M27 Y92 K0
Pantone 7409
Yahtzee
Yellow
#FFD857
R249 G192 B52
C0 M2 Y80 K0
Pantone 114
Color Ramps
Primary and secondary ramps
The secondary colour ramps aim to give us a smooth scale in vibrancy from the base color. We push the concept of illumination within the secondary palette by crafting a connection ramp that runs from the two brightest colors of each secondary ramp.
Primary ramps
#521B82
Peculiar Purple
#891FDC
#B77DE8
#E7D3F7
#F3EAFC
#6A137E
Mysterious Magenta
#CD25F1
#D072E4
#F0D0F6
#F7E8FB
Secondary ramps
#194ABE
Baffling Blue
#1056FB
#1583E6
#1A9DEB
#1FB6F8
#34D0F7
#A3E1F0
#D4ECF2
#2A8935
Gadzooks Green
#28B038
#49C03E
#67D043
#82E149
#9CF14E
#D2F2B5
#EDF9E2
Tertiary ramps
The tertiary ramps are generated by connecting the base color from each set. These colors and connection ramps should be used sparingly throughout our compositions.
Tertiary ramps
Odd Orange
#FDA63F
#FDB34F
#FEBF55
#FECB5B
Yahtzee Yellow
#FFD857
Remarkable Red
#FC1F38
#FD5077
#FD709F
#FD8FC1
Perplexing Pink
#FCABDC
Gradients
Primary gradients
Secondary gradients
Mixed gradients
Our typography
We communicate clearly and inspire big ideas.
Hero
Moderustic
Our headline typography is legible and communicates its message well, but doesn’t conform to static typography rules.
Itʼs dynamic and offers subtle moments of curiosity through its letter forms.
abcdefghijklmnopqrstuwxyz
abcdefghijklmnopqrstuwxyz
abcdefghijklmnopqrstuwxyz
Body
Inter
We answer our curious questions with detail that is straightforward, anchored and easy to understand.
abcdefghijklmnopqrstuwxyz
abcdefghijklmnopqrstuwxyz
abcdefghijklmnopqrstuwxyz
Headline special glyphs
Wherever possible Moderustic headlines should utilize alternate glyphs for several characters. These glyphs are more lively and inviting. The curved shapes add a sense of warmth and openness, creating a more engaging and magical look that grabs attention and sparks curiosity.
Graphic elements
Shaping curiosity
These shapes are reflective of the state of playfulness. These shapes have soft rounded corners. We use them sparingly as bold accents behind images or overlaid on top of aerial images
Shapes
Shape overlays
Aerial images can include a branded overlay treatment using a shape with soft rounded corners and connected gradient that brings additional illumination to the focal point.
Icons
Library
We use a library of icons to illustrate concepts and features. Our icon set is based on the publicly available Phosphor icon library.
Usage
In marketing materials, icons can be used in their regular weight—either on their own or within a circle using one of our primary or secondary brand colors. Avoid icons that appear too busy; simplify them as needed to ensure they fit optically within the circle.
- Icons should be optically centered within the circle.
- Icons should always use a white stroke to ensure sufficient contrast.
- Icons should be large enough to fill the circle, while maintaining adequate optical spacing around the edges for balance and legibility.