WELCOME TO OUR BRAND GUIDE.

Powering Precision Medicine with Data-Driven Insights.

At Velsera, we accelerate precision medicine by transforming clinical-genomic data into actionable insights. Our advanced software and services empower labs, biotech firms, and researchers to drive breakthroughs in genetic disease and cancer treatment—bringing innovation to patients faster.

Our Values

Reveal.

Biological Insights

Accelerate.

Clinical Decisions

Improve.

Patient Outcomes

#

Primary Logo

Our Velsera logo is a reflection of who we are—modern, precise, and driven by innovation. The design emphasizes connection and transformation, just like the way we bring together data and insights to accelerate precision medicine. With clean, professional typography, it represents the trust and expertise we bring to healthcare and biotech every day.

Our Logo also ends in the data orange period. Please ensure our icon and logos always end with the orange period, as well as on headlines and headers on web or print.

Our Primary Logo is to be used on all official collateral. Only set it in the following approved colorways as the logo is not meant to be set in multiple colors simultaneously.

Open Logo Folder →
#

Primary Logo Dark

Download SVG ↓
#

Primary Logo Light

Download SVG ↓
#

Primary Icon Dark

Download SVG ↓
#

Primary Icon Light

Download SVG ↓
our logo

Usage

#

Safe Space

When displaying our logo, please maintain ample space around it to avoid crowding or interference from other elements. To achieve this, don’t place anything within the “safe space” equivalent to the height of the "V" in "Velsera.”

*Of course, there are exceptions: subtle patterns or textures overlapping at 20% opacity or less are acceptable, as well as instances where the logo becomes part of the design itself.

Please Don't

To maintain consistency in logo variations across all platforms, avoid the following:

#

Use unapproved color combinations or colors

#

Distort the logo and elements

#

Mask images into the logo

#

Place on backgrounds that make elements hard to read

#

Use alt fonts

Velsera in

Color

Primary Colors

Below are our primary colors. They are to be used for the majority of background and copy colors for web and collateral. 

  • VISIONARY WHITE

  • Hex #FEFEFE
  • RGB 254, 254, 254
  • CMYK 0, 0, 0, 0
  • Pantone Cool Gray One C

  • HUMAN GREY

  • Hex #EDEDED
  • RGB 237, 237, 237
  • CMYK 6, 4, 4, 0
  • Pantone 633 C

  • DATA ORANGE

  • Hex #F3540C
  • RGB 234, 84, 12
  • CMYK 0, 82, 100, 0
  • Pantone 165 C

  • VITAL BLUE

  • Hex #0A3FFF
  • RGB 10, 63, 255
  • CMYK 85, 72, 0, 0
  • Pantone 2728 C

Secondary Colors

These secondary colors are only to be used as accents throughout the brand.

  • DEEP VISION BLACK

  • Hex #131313
  • RGB 19, 19, 19
  • CMYK 73, 67, 66, 81
  • Pantone Black 6 C

  • STEADY SLATE

  • Hex #A4A4A4
  • RGB 164, 164, 164
  • CMYK 38, 31, 31, 0
  • Pantone 4283 C

  • DISCOVERY BLUE

  • Hex #30C2E7
  • RGB 48, 194, 231
  • CMYK 65, 0, 5, 0
  • Pantone 298 C

  • GENOMIC PURPLE

  • Hex #C721E7
  • RGB 199, 33, 231
  • CMYK 42, 83, 0, 0
  • Pantone Real Purple C
typography

Our Font Families

Eyebrow/Subheadings - IBM Plex Mono Semi-Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890!@#$%^&
Purchase License →
Headings - IBM Plex Sans Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890!@#$%^&

Purchase License →
Body - IBM Plex Sans Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890!@#$%^&

Purchase License →

Design Elements

#

Gradients

We use our gradient lines to represent the flow of data, discovery, and progress—just like the way we connect insights to impact in precision medicine. They symbolize movement, transformation, and the seamless integration of science and technology that drives everything we do.

For application, we use them as backgrounds & in shapes for our marketing assets.

Open Gradient Folder →
#

Linear Mesh Gradient

Download SVG ↓
#

Gradient Circles

Download SVG ↓
#

Gradient Squares

Download SVG ↓
#

Gradient Line Graph

Download SVG ↓
#

Ribbed Glass

We use a ribbed glass effect to enhance our visuals and symbolize our process throughout photos & imagrey. It represents the barriers that exist in medicine today—slow processes, fragmented information, and inefficiencies—and how Velsera helps cut through them to bring precision, speed, and innovation. The effect creates a sense of movement, reinforcing our commitment to progress and making breakthroughs more accessible.

The Glass Effect can be placed on top of photos as you'll see below as well as gradients, creating a beautiful textured element.

Open Glass Folder →
#

Image Treatments

Only place the effect on the left side of our imagery as it creates 3 different modes; Progression, Collaboration & Window.

*Photo to the left displays a progression treatment*

#

Collaboration

#

Window

brand in action

Application

Top