Style Guide

Basis Technology

Logos

Download AI File
Logo

Used as the first instance of a logo on the site, collateral, diagrams, or banners. With print collateral, place in the top left corner unless otherwise noted.

Logomark

Used as the back up instance of the logo, typically once the full logo has been used. Example: can be used in diagrams to signify product when the full logo won't fit.

By Basis Tech

Used to signify that a product is part of the Basis Tech family. Example: can be used in the bottom right corner of the footer of a Rosette branded datasheet.

Brand Colors

Primary Color

#61a60e

R:97 G:166 B:14

C:67 M:12 Y:100 K:1

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

Slides

Click the button to view the Basis Tech template gallery for slides.

View Template Gallery