Brand Assets
The elements of our brand’s visual identity.
Logo
Logo will open in new tab to download.
Care Type Logos
Logo will open in new tab to download.
Colors
Use these color proportions in any layout or collateral design. For the most part headers should be done in the three primary colors, a tint of the color can be used if needed.
Care type colors can be used as accent colors for smaller headers, buttons, and graphic elements in relation to the care types.
PRIMARY
HEX: #00386c
RGB: 0 56 108
CMYK: 100 85 32 18
PRIMARY
HEX: #6bd1dd
RGB: 107 209 221
CMYK: 52 0 15 0
PRIMARY
HEX: #c7c8ca
RGB: 109 200 202
CMYK: 22 17 16 0
HOME CARE
HEX: #fdb713
RGB: 246 186 44
CMYK: 9 28 95 0
HOME HEALTH
HEX: #d3672e
RGB: 211 103 46
CMYK: 13 71 96 2
PEDIATRICS
HEX: 3#abb60
RGB: 58 187 96
CMYK: 73 0 85 0
HOSPICE
HEX: #4ab6dc
RGB: 74 182 220
CMYK: 63 9 6 0
SELF DIRECTION
HEX: #7e4592
RGB: 126 69 146
CMYK: 52 0 15 0
PALLIATIVE
HEX: #85d3c4
RGB: 133 211 196
CMYK: 46 0 29 0
Physician House Calls
HEX: #fc4c4c
RGB: 252 76 76
CMYK: 0 85 68 0
Fonts
Two primary fonts used by KanTime are Lato and Raleway. Body copy color should always be #666. The only exception is when being placed on a colored or image background.
Standard font size 16px.
Lato – Primary
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Raleway – Secondary
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Heading 1 Lorem Ipsum et Dolor
Heading 2 in Top Banner
Heading 2 in Page Content
Heading 3 Lorem Ipsum et Dolor
Heading 4 Lorem Ipsum et Dolor
Image Treatment
Images should include the square graphic to create a layered look. Two opposite corners should be rounded, while the other two stay at a 90 degree angle. Images for non care type pages should use the primary colors as accents, images on care type pages can use the specified care type color.
Also utilized throughout site is a solid color banner with the KanTime “+” icon used as a subtle pattern.









Icons
Icons used throughout site will have a low opacity “+” behind the icon graphic. All icons are considered line icons (outlines only) with small filled areas as an accent.
Main page icons will be the primary dark blue with teal accents and have the light gray “+” in the background. Care type pages will be coordinated with the associated brand color – the background “+” should be lighter opacity of the associated color, the main icon will be the primary dark blue with the associated care type color as an accent.












Isometric Graphics
Isometrics are used sparingly on the care type pages in the features section tab titles.


