Skip to content

Instantly share code, notes, and snippets.

@rekomat
Last active September 13, 2018 16:34
Show Gist options
  • Save rekomat/436c8889baf8ec05c59b677cda41b671 to your computer and use it in GitHub Desktop.
Save rekomat/436c8889baf8ec05c59b677cda41b671 to your computer and use it in GitHub Desktop.

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      #FFFFFF
black 0, 0, 0  #000000   0, 0, 0, 100        #000000
orange 255, 157, 0  #FF9D00   0, 38, 100, 0  137 U 137 M  137 C  #FF9D00
orange dark 229, 109, 0  #E56D00   0, 52, 100, 10 152 U  152 M  152 C  #E56D00
cyan 74, 232, 244  #4AE8F4   70, 5, 0, 4  310 U 310 M 310 C  #4AE8F4
cyan dark 0, 185, 204  #00B9CC  100, 9, 0, 20  638 U  638 M 638 C  #00B9CC
bluegreen dark 7, 83, 81  #075351   92, 0, 2, 67  316 U  316 M  316 C  #075351
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment