rekomat/sponsi-cd-cheatsheet.md

## sponsi-cd-cheatsheet.md

      
    Raw
  

              sponsi-cd-cheatsheet.md
            
          
    Sponsi,  Corporate Design Cheatsheet

Typography


Font Family: Neurial Grotesk
Font Weights: Regular, Bold
Line Height: Font Size × 1.25, slightly less for larger sizes
Paragraph: Font Size × 1.5, slightly less for larger sizes
Kerning: Optical (if used with Adobe Tools)

Examples

CSS

font-family: 'Neurial Grotesk', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 1.5em;

/* In most scenarios, font-smoothing `antialiased|grayscale` will improve font rendering. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Licensing

Licenses for web, desktop and app available at MyFonts.
Colors


Color Name
RGB
 HEX
CMYK
Pantone U
 Pantone M
 Pantone C
Swatch


white
255, 255, 255
 #FFFFFF
   0,   0,   0,   0
 
 
black
  0,   0,   0
 #000000
   0,   0,   0, 100
 
 
orange
255, 157,   0
 #FF9D00
   0,  38, 100,   0
 137 U
137 M
 137 C
 

orange dark
229, 109,   0
 #E56D00
   0,  52, 100,  10
152 U
 152 M
 152 C
 

cyan
 74, 232, 244
 #4AE8F4
  70,   5,   0,   4
 310 U
310 M
310 C
 

cyan dark
  0, 185, 204
 #00B9CC
 100,   9,   0,  20
 638 U
 638 M
638 C
 

bluegreen dark
  7,  83,  81
 #075351
  92,   0,   2,  67
 316 U
 316 M
 316 C
Color Name	RGB	HEX	CMYK	Pantone U	Pantone M	Pantone C
white	`255, 255, 255`	`#FFFFFF`	`0, 0, 0, 0`
black	`0, 0, 0`	`#000000`	`0, 0, 0, 100`
orange	`255, 157, 0`	`#FF9D00`	`0, 38, 100, 0`	137 U	137 M	137 C
orange dark	`229, 109, 0`	`#E56D00`	`0, 52, 100, 10`	152 U	152 M	152 C
cyan	`74, 232, 244`	`#4AE8F4`	`70, 5, 0, 4`	310 U	310 M	310 C
cyan dark	`0, 185, 204`	`#00B9CC`	`100, 9, 0, 20`	638 U	638 M	638 C
bluegreen dark	`7, 83, 81`	`#075351`	`92, 0, 2, 67`	316 U	316 M	316 C