Color code

N1‑Headache™ has a complex color palette, representing all concepts related to user/patient data capture and all visualizations based on their analysis.

The primary palette has to be used to communicate any of the concepts related to the brand. For example, in social media we use this secondary color palette with an extended range, but it should never be used before the primary palette.

The secondary color palette is only designed to complement the use of the primary color. In any communication, the primary color must be present.

Primary palette

curelator-n1-headache-migraine-design-guide
Curelator™ & copy
  • HEX #3C384E
  • RGB 60,58,78
  • CMYK 70,70,40,50
curelator-n1-headache-migraine-design-guide
Typogram (logo)
  • HEX #762E93
  • RGB 118,46,147
  • CMYK 70,100,5,5
curelator-n1-headache-migraine-design-guide
Migraine
  • HEX #80509B
  • RGB 128,80,155
  • CMYK 60,80,5,5
curelator-n1-headache-migraine-design-guide
Trigger
  • HEX #A565B6
  • RGB 165,101,182
  • CMYK 40,70,0,5
curelator-n1-headache-migraine-design-guide
Symptoms
  • HEX #DE81CC
  • RGB 222,129,204
  • CMYK 10,60,0,0
curelator-n1-headache-migraine-design-guide
Factors
  • HEX #00AAAE
  • RGB 0,170,174
  • CMYK 80,5,30,5
curelator-n1-headache-migraine-design-guide
Protectors
  • HEX #0090C8
  • RGB 0,144,200
  • CMYK 80,20,0,5
curelator-n1-headache-migraine-design-guide
No association factors
  • HEX #737185
  • RGB 115,113,133
  • CMYK 40,37,15,30
curelator-n1-headache-migraine-design-guide
Menstruation
  • HEX #F91C6C
  • RGB 249,28,108
  • CMYK 0,100,40,0
curelator-n1-headache-migraine-design-guide
Onboarding / MU Status: High use in 1 period
  • HEX #FFB200
  • RGB 255,178,0
  • CMYK 0,30,100,0
curelator-n1-headache-migraine-design-guide
Alerts / MU Status: High use in 2 periods
  • HEX #F55701
  • RGB 245,87,1
  • CMYK 0,65,100,0
curelator-n1-headache-migraine-design-guide
MU Status: Risk of medication overuse headache
  • HEX #C90018
  • RGB 201,0,24
  • CMYK 14,100,100,5
curelator-n1-headache-migraine-design-guide
MU Status: Insufficient data tracking
  • HEX #8D87A4
  • RGB 141,135,164
  • CMYK 48,46,21,1

Secondary palette

curelator-n1-headache-migraine-design-guide
Curelator™ & copy dark
  • HEX #1A1826
  • RGB 26,24,38
  • CMYK 90,84,51,73
curelator-n1-headache-migraine-design-guide
Curelator™ & copy mid-light
  • HEX #928BB3
  • RGB 146,139,179
  • CMYK 50,46,12,1
curelator-n1-headache-migraine-design-guide
Curelator™ & copy light
  • HEX #EAE6FF
  • RGB 234,230,255
  • CMYK 9,11,0,0
curelator-n1-headache-migraine-design-guide
Typogram dark
  • HEX #3C0852
  • RGB 61,57,79
  • CMYK 90,100,33,33
curelator-n1-headache-migraine-design-guide
Typogram mid-light
  • HEX #DCA4F1
  • RGB 220,164,241
  • CMYK 25,42,0,0
curelator-n1-headache-migraine-design-guide
Typogram light
  • HEX #F6DCFF
  • RGB 246,220,255
  • CMYK 6,18,0,0
curelator-n1-headache-migraine-design-guide
Migraine dark
  • HHEX #46215C
  • RGB 70,33,92
  • CMYK 85,100,28,22
curelator-n1-headache-migraine-design-guide
Migraine mid-light
  • HEX #C991EA
  • RGB 201,145,234
  • CMYK 33,48,0,0
curelator-n1-headache-migraine-design-guide
Migraine light
  • HEX #F5E3FF
  • RGB 245,227,255
  • CMYK 5,14,0,0
curelator-n1-headache-migraine-design-guide
Trigger dark
  • HEX #602671
  • RGB 96,38,113
  • CMYK 75,98,18,7
curelator-n1-headache-migraine-design-guide
Trigger mid-light
  • HEX #E3B1F2
  • RGB 227,177,242
  • CMYK 18,36,0,0
curelator-n1-headache-migraine-design-guide
Trigger light
  • HEX #F8E8FC
  • RGB 248,232,252
  • CMYK 3,12,0,0
curelator-n1-headache-migraine-design-guide
Symptoms dark
  • HEX #863175
  • RGB 134,49,117
  • CMYK 55,92,18,6
curelator-n1-headache-migraine-design-guide
Symptoms mid-light
  • HEX #FFBAF1
  • RGB 255,186,241
  • CMYK 6,35,0,0
curelator-n1-headache-migraine-design-guide
Symptoms light
  • HEX #FFE0F9
  • RGB 255,224,249
  • CMYK 1,17,0,0
curelator-n1-headache-migraine-design-guide
Factors dark
  • HEX #005658
  • RGB 0,86,88
  • CMYK 90,40,53,40
curelator-n1-headache-migraine-design-guide
Factors mid-light
  • HEX #70E4E6
  • RGB 112,228,230
  • CMYK 52,0,18,0
curelator-n1-headache-migraine-design-guide
Factors light
  • HEX #D7F6F7
  • RGB 215,246,247
  • CMYK 18,0,7,0
curelator-n1-headache-migraine-design-guide
Protectors dark
  • HEX #00506F
  • RGB 0,80,111
  • CMYK 95,60,35,23
curelator-n1-headache-migraine-design-guide
Protectors mid-light
  • HEX #5CD1FF
  • RGB 92,209,255
  • CMYK 55,0,0,0
curelator-n1-headache-migraine-design-guide
Protectors light
  • HEX #D5F3FF
  • RGB 213,243,255
  • CMYK 20,0,1,0
curelator-n1-headache-migraine-design-guide
No association factors dark
  • HEX #333145
  • RGB 51,49,69
  • CMYK 82,75,45,50
curelator-n1-headache-migraine-design-guide
No association factors mid-light
  • HEX #9C9AB5
  • RGB 156,154,181
  • CMYK 45,38,17,2
curelator-n1-headache-migraine-design-guide
No association factors light
  • HEX #EDEBFF
  • RGB 237,235,255
  • CMYK 8,8,0,0
curelator-n1-headache-migraine-design-guide
Menstruation dark
  • HEX #890636
  • RGB 137,6,54
  • CMYK 30,100,55,35
curelator-n1-headache-migraine-design-guide
Menstruation mid-light
  • HEX #FF8DB6
  • RGB 255,141,182
  • CMYK 0,58,4,0
curelator-n1-headache-migraine-design-guide
Menstruation light
  • HEX #FFE0EC
  • RGB 255,224,236
  • CMYK 0,18,1,0
curelator-n1-headache-migraine-design-guide
Onboarding / MU Status: High use in 1 period dark
  • HEX #7B5500
  • RGB 123,85,0
  • CMYK 35,55,100,42
curelator-n1-headache-migraine-design-guide
Onboarding / MU Status: High use in 1 period mid-light
  • HEX #FFD573
  • RGB 255,213,115
  • CMYK 0,18,63,0
curelator-n1-headache-migraine-design-guide
Onboarding / MU Status: High use in 1 period light
  • HEX #FFF0CC
  • RGB 255,240,204
  • CMYK 0,6,25,0
curelator-n1-headache-migraine-design-guide
Alerts / MU Status: High use in 2 periods dark
  • HEX #712800
  • RGB 113,40,0
  • CMYK 33,85,100,50
curelator-n1-headache-migraine-design-guide
Alerts / MU Status: High use in 2 periods mid-light
  • HEX #FFA472
  • RGB 255,164,114
  • CMYK 0,45,55,0
curelator-n1-headache-migraine-design-guide
Alerts / MU Status: High use in 2 periods light
  • HEX #FFDDCB
  • RGB 255,221,203
  • CMYK 0,20,20,0
curelator-n1-headache-migraine-design-guide
MU Status: Risk of medication overuse headache dark
  • HEX #60000C
  • RGB 96,0,12
  • CMYK 35,100,85,58
curelator-n1-headache-migraine-design-guide
MU Status: Risk of medication overuse headache mid-light
  • HEX #FF6C7E
  • RGB 255,108,126
  • CMYK 0,70,35,0
curelator-n1-headache-migraine-design-guide
MU Status: Risk of medication overuse headache light
  • HEX #FFBCC4
  • RGB 255,188,196
  • CMYK 0,35,13,0
curelator-n1-headache-migraine-design-guide
MU Status: Insufficient data tracking dark
  • HEX #3C3653
  • RGB 60,54,83
  • CMYK 82,78,40,38
curelator-n1-headache-migraine-design-guide
MU Status: Insufficient data tracking mid-light
  • HEX #C1BBDB
  • RGB 193,187,219
  • CMYK 28,28,2,0
curelator-n1-headache-migraine-design-guide
MU Status: Insufficient data tracking light
  • HEX #F2EFFA
  • RGB 242,239,250
  • CMYK 6,7,0,0

Use the primary neutral background when a no-color background is needed. If you need to differentiate two areas, the Curelator™ secondary color is used as a secondary neutral background. The primary N1-Headache™ App background must only be used in a context that matches with the content.

curelator-n1-headache-migraine-design-guide

Primary neutral background

  • HEX #F8F8FA
  • RGB 247,247,247
  • CMYK 3,2,1,0
curelator-n1-headache-migraine-design-guide

Curelator™ secondary / Secondary neutral background

  • HEX #F2F2F5
  • RGB 242,242,245
  • CMYK 5,4,2,0
curelator-n1-headache-migraine-design-guide

N1-Headache™ primary app background

  • HEX #16111E
  • RGB 22,17,30
  • CMYK 90,88,52,80

Brand-color background

Generally, the N1‑Headache™ brand is applied on a white background for all corporate uses.

However, some exceptions have to be considered. One exception is to have the N1‑Headache™ brand on a dark background. In order to ensure legibility in such a case, the logotype must be in white. As dark or black backgrounds have the potential to create visual problems, the design team must always be consulted before their use in any internal or external communication.

curelator-n1-headache-migraine-design-guide
Correct
curelator-n1-headache-migraine-design-guide
Incorrect

Another possibility is to use it over light grey.

curelator-n1-headache-migraine-design-guide
Correct
curelator-n1-headache-migraine-design-guide
Incorrect
curelator-n1-headache-migraine-design-guide
Correct
curelator-n1-headache-migraine-design-guide
Incorrect

Brand application on different backgrounds

As the N1-Headache™ brand might be used in marketing or non-corporate contexts, and may even be used over different color backgrounds, the brand should be applied inside a white background and the minimum clear space, as described in these guidelines, must be applied.

curelator-n1-headache-migraine-design-guide
Correct
curelator-n1-headache-migraine-design-guide
Incorrect

Color in text

All text will be applied using the primary Curelator™ color.

curelator-n1-headache-migraine-design-guide Continue reading >