Style Guide

Rosette

Logos

Download AI File
Logo
Logomark

Brand Colors

Primary Color

#EB3626

R:235 G:54 B:38

C:1 M:93 Y:98 K:0

Secondary color

#1789fc

R:23 G:137 B:252

C:74 M:45 Y:0 K:0

Primarily used as the main hit color for links, buttons, and CTAs. Used to draw the viewer in.

Slate Blue

#19294e

R:25 G:41 B:78

C:98 M:87 Y:41 K:39

Blue grey

#67728e

R:103 G:114 B:142

C:65 M:52 Y:29 K:5

Grey

#dbe2e9

R:219 G:226 B:233

C:13 M:7 Y:4 K:0

Light grey

#f3f4f6

R:243 G:244 B:246

C:3 M:2 Y:1 K:0

Font Styles

Download Dosis Download Source Sans Pro

Headline 1

Font: Dosis

Weight: 700 / bold

Size: 6rem / 60px

Headline 2

Font: Dosis

Weight: 700 / bold

Size: 4rem / 40px

Headline 3

Font: Dosis

Weight: 700 / bold

Size: 3rem / 30px

Headline 4

Font: Dosis

Weight: 500 / medium

Size: 2.4rem / 24px

Headline 5

Font: Dosis

Weight: 500 / medium

Size: 1.8rem / 18px

Body text

Font: Source Sans Pro

Weight: 300 / normal

Size: 1.6rem / 16px

Markup Colors

Download CSS File
Names
Title
Light: #dcdddd
Dark: #8a8a8c
First Name
Light: #d5ecff
Dark: #2887d8
Middle Name
Light: #ffe3c7
Dark: #ff671f
Last Name
Light: #d7f4f2
Dark: #39b2ac
Entities
Activity
Light: #fde3c2
Dark: #f7a232
Anatomy
Light: #e2bcd1
Dark: #9e1f63
Coordinate
Light: #dcdddd
Dark: #8a8a8c
Credit Card
Light: #d0d3db
Dark: #272b3f
Date
Light: #dcdddd
Dark: #8a8a8c
Disease
Light: #e2bcd1
Dark: #9e1f63
Distance
Light: #dcdddd
Dark: #8a8a8c
Email
Light: #d0d3db
Dark: #272b3f
Event
Light: #ffedc4
Dark: #fec238
Food
Light: #ddeec6
Dark: #8dc63f
Identifier
Light: #facddf
Dark: #ef5792
Language
Light: #f9b3cc
Dark: #ec0072
Location
Light: #c0e6f6
Dark: #2caae2
Measure
Light: #dcdddd
Dark: #8a8a8c
Misc.
Light: #facddf
Dark: #ef5792
Money
Light: #dcdddd
Dark: #8a8a8c
Number
Light: #dcdddd
Dark: #8a8a8c
Organization
Light: #bec6dd
Dark: #24408e
Person
Light: #f8c4be
Dark: #e93824
Personal ID
Light: #d0d3db
Dark: #272b3f
Phone Number
Light: #d0d3db
Dark: #272b3f
Product
Light: #fad4b3
Dark: #ed6f00
Religion
Light: #f9b3cc
Dark: #ec0072
Species
Light: #e2bcd1
Dark: #9e1f63
Substance
Light: #ddeec6
Dark: #8dc63f
Time
Light: #dcdddd
Dark: #8a8a8c
Title
Light: #d3c2de
Dark: #6a3490
Transport
Light: #b3dac8
Dark: #008448
URL
Light: #dcdddd
Dark: #8a8a8c