Branding Guide

Typography, colors, and visual reference for the Vellum brand.

Typography

Instrument SerifDisplay — Headings

H1Page titles, hero headlines

Your time is yours again

H2Section headings

An assistant that works for you

H3Subsection headings, card titles

Built on trust and transparency

DM SansSans-serif — Body text

Body (Regular)Paragraphs, descriptions — 400 weight

Vellum is a desktop AI assistant that understands your context, connects your tools, and acts on your behalf. It runs locally, respects your privacy, and gets smarter over time.

Body (Medium)Emphasized text, labels — 500 weight

Skills are modular capabilities that your assistant can learn and use on your behalf.

Body (Semibold)Buttons, navigation, section labels — 600 weight

Get Started

SmallCaptions, metadata, helper text — 400 weight

Last updated 3 minutes ago. All changes are saved automatically.

DisplayStatement sections, manifesto blocks

DisplayDM Sans — Statement sections, manifesto blocks — 400/500 weight, large

Vellum is a personal AI assistant that lives on your desktop. It connects to your apps, learns how you think, and takes action for you.

Colors

Primary

Primary#216C37

Primary Hover#1A5E2E

Secondary Green#4C9B50

Backgrounds

Light#FFFFFF

Warm Light#faf9f6

Metallic#f2f1ee

Metallic Edge#eae9e5

Cream#FFFBEF

Dark BG#262624

Foreground#171717

Background Gradients

ForestUse-case sections, immersive dark green

DarkSecurity sections, footer areas

Warm lightTestimonials, soft neutral sections

Features fadeFeature sections, top fade into white

Metallic lightContent panels, polished neutral with subtle sheen

Secondary Accents

Yellow#E9C91A

Orange#EF4400

Purple#A665C9

Pink#FF88C9

Coral#E9642F

Teal#0E9B8B

Greens (Forest Scale)

Forest 100#EDF2EB

Forest 200#D4DFD0

Forest 300#B5C3AE

Forest 400#98A88F

Forest 500#7A8B6F

Forest 600#657D5B

Forest 700#516748

Forest 800#3D4F36

Forest 900#2A3825

Forest 950#1A2316

Palette

Primary

#216C37

#1A5E2E

#4C9B50

Forest

#EDF2EB

#D4DFD0

#B5C3AE

#98A88F

#7A8B6F

#657D5B

#516748

#3D4F36

#2A3825

#1A2316

Backgrounds

#FFFFFF

#faf9f6

#f2f1ee

#eae9e5

#FFFBEF

#262624

#171717

Accents

#E9C91A

#EF4400

#A665C9

#FF88C9

#E9642F

#0E9B8B

Grain Texture

A film grain overlay is applied across all pages to give a tactile, paper-like feel. The SVG noise filter sits fixed on top of all content at low opacity.