Style Guide

Logo
Logo white text

Our logo

There are two versions of the Blaze Verify logo. The main version one is designed for lighter backgrounds like White or any of the Off-Whites while the reversed version is designed for darker backgrounds.

Download logo kit

Colors

Primary

    • Orange
    • HEX#FF782C
    • RGB255, 120, 44
    • CMYK0, 53, 83, 0
    • Periwinkle
    • HEX#7276FF
    • RGB114, 118, 255
    • CMYK55, 54, 0, 0

Secondary

    • Dark Blue
    • HEX#282158
    • RGB40, 33, 88
    • CMYK55, 63, 0, 65
    • Darker Blue
    • HEX#14182C
    • RGB20, 24, 44
    • CMYK55, 45, 0, 83
    • Shadow
    • HEX#32325D
    • RGB50, 50, 93
    • CMYK46, 46, 0, 64
    • Off-White
    • HEX#F6F9FF
    • RGB246, 249, 255
    • CMYK4, 2, 0, 0
    • Off-White Dark
    • HEX#EEF1FC
    • RGB238, 241, 252
    • CMYK6, 4, 0, 1
    • Off-White Darker
    • HEX#E8EBF9
    • RGB232, 235, 249
    • CMYK7, 6, 0, 2

Text

    • Text Dark
    • HEX#464678
    • RGB70, 70, 120
    • CMYK42, 42, 0, 53
    • Text Light
    • HEX#767EAD
    • RGB118, 126, 173
    • CMYK32, 27, 0, 32
    • Text Lighter
    • HEX#9FA2ED
    • RGB159, 162, 237
    • CMYK33, 32, 0, 7
    • Text Lightest
    • HEX#BBBEFF
    • RGB187, 190, 255
    • CMYK27, 25, 0, 0

Gradients

    • Main
    • TypeRadial
    • Stops0%: Periwinkle, 100%: Dark Blue
    • NotesGradient origin should start at approximately 20% from the right and 10% from the bottom.
    • Dark
    • TypeRadial
    • Stops0%: Text Dark, 100%: Darker Blue
    • NotesGradient origin should start at approximately 20% from the right and 10% from the bottom.

Text

Font

Open Sans

Regular 400

Semibold 600

Bold 700

Text color usage

    • Text Dark
    • UsesHeadlines/headings, supporting text for icons, standalone data (like in table cells or large figures)
    • NotesUse ONLY on White and Off-White backgrounds.
    • Text Light
    • UsesBody text, subheadings, general supporting text, descriptions, inputs
    • NotesUse ONLY on White and Off-White backgrounds.
    • Text Lighter
    • UsesBody text, subheadings, general supporting text, descriptions, inputs
    • NotesUse ONLY on Dark Gradient backgrounds.
    • Text Lightest
    • UsesBody text, subheadings, general supporting text, descriptions, inputs
    • NotesUse ONLY on Light Gradient Backgrounds. Apply a text shadow with a rgb value of 0,0,0, an opacity of 40%, an X-offset of 0, a Y-offset of (0.04 * font-size), and a blur value of (0.08 * font-size) — i.e. a font-size of 100px will yield a Y-offset of 4px and a blur value of 8px
    • White
    • UsesHeadlines/headings, supporting text for icons, buttons, standalone data (like in table cells or large figures)
    • NotesUse ONLY on Light Gradient or Dark Gradient backgrounds. Apply a text shadow with a rgb value of 0,0,0, an opacity of 40%, an X-offset of 0, a Y-offset of (0.04 * font-size), and a blur value of (0.08 * font-size) — i.e. a font-size of 100px will yield a Y-offset of 4px and a blur value of 8px