Brand Kit

Brand Kit

Everything you need to represent VELYON consistently — logos, colors, typography, and templates, ready to deploy.

01 · Logos

Logo Gallery

Two approved variants. Always preserve clear space equal to the height of the wordmark.

Square Mark

Compact app icon, favicons, social avatars

Download PNG
On Obsidian
Square Mark
On Off-White
Square Mark

Full Lockup

Headers, marketing, presentations with tagline

Download PNG
On Obsidian
Full Lockup
On Off-White
Full Lockup
Do
  • Use the logo on dark backgrounds (Obsidian, Navy) for maximum contrast.
  • Preserve minimum clear space equal to the height of the wordmark.
  • Scale proportionally — minimum 32px height on screen.
  • Use the square mark when space is constrained (avatars, favicons).
Don't
  • Don't stretch the logo
    Maintain the original aspect ratio. Never squish or stretch horizontally or vertically.
  • Don't use clashing backgrounds
    Avoid neon, hot pink, or saturated yellows behind the logo — they fight the wordmark.
  • Don't apply effects
    No drop shadows, glows, bevels, or filters. The mark stands on its own.
  • Don't recolor the mark
    Use only approved color combinations. Avoid rainbow or off-brand palettes.
02 · Color

Color Palette

Click any swatch to copy its hex value. Use tokens directly via CSS variables.

Primary
Semantic

Export Tokens

:root {
  /* Primary */
  --velyon-obsidian: #0a0a1a;
  --velyon-navy: #1a1a4e;
  --velyon-azure: #3B82F6;
  --velyon-cyan: #00b4d8;
  --velyon-gold: #F59E0B;
  --velyon-offwhite: #e8e6e3;

  /* Semantic */
  --velyon-success: #22c55e;
  --velyon-warning: #F59E0B;
  --velyon-error: #ef4444;
  --velyon-info: #3B82F6;

  /* Surfaces */
  --velyon-glass: rgba(255, 255, 255, 0.04);
  --velyon-border: rgba(255, 255, 255, 0.08);
  --velyon-muted: rgba(232, 230, 227, 0.6);
}
03 · Typography

Typography Specimens

Three typefaces work in harmony — Display, Body, and Mono.

Display
Google Fonts

Plus Jakarta Sans

500 · Medium
Modern Legal Tech
600 · SemiBold
Modern Legal Tech
700 · Bold
Modern Legal Tech
800 · ExtraBold
Modern Legal Tech
Body
Google Fonts

Inter

400 · Regular
The quick brown fox jumps over the lazy dog.
500 · Medium
The quick brown fox jumps over the lazy dog.
600 · SemiBold
The quick brown fox jumps over the lazy dog.
Mono
Google Fonts

JetBrains Mono

400 · Regular
const velyon = {
  color: "#3B82F6",
  font: "JetBrains"
};
500 · Medium
const velyon = {
  color: "#3B82F6",
  font: "JetBrains"
};
04 · Social

Social Media Templates

Pre-sized canvases for the most common placements.

1584 × 396

LinkedIn Banner

1584×396px · 4:1

1500 × 500

Twitter Header

1500×500px · 3:1

1200 × 630

OG Image

1200×630px · 1.91:1

32 × 32

Favicon

32×32px · 1:1 · Also 180×180

512 × 512

App Icon

512×512px · 1:1

Complete Package

Get the entire brand kit

Logos, color tokens, typography files, and social templates — packaged as a single, versioned archive.

Download Brand Kit
.zip · ~14 MB · v2.4.0