Solanasis Brand Kit

Version 2.0 — March 2026 Status: Active — canonical reference for all brand materials

This is the single source of truth for Solanasis visual identity. Use this file when creating pitch decks, one-pagers, social graphics, email templates, website updates, or any client-facing material. If something conflicts with this file, this file wins.

Brand Identity

Field	Value
Legal name	Solanasis LLC
Marketing name	Solanasis
Tagline	solid systems. fewer unknowns. clients protected.
Site title	Solanasis \| Cybersecurity & Resilience for Wealth Management
Website	solanasis.com
Email	hi@solanasis.com
Phone	303-900-8969
Booking URL	https://go.solanasis.com/intro
Location	Boulder, CO

Logo Files

Variant	Path (on website)	Use
Horizontal	solanasis.com/images/logo/solanasis-logo-horizontal.png	Primary; headers, decks, one-pagers
Square	solanasis.com/images/logo/solanasis-logo-squared.png	Social media profiles, favicons
Icon	solanasis.com/images/logo/solanasis-logo-icon.png	Small spaces, app icons

Logo rules:

Minimum clear space: equal to the height of the “S” in Solanasis on all sides
Never stretch, rotate, recolor, or add effects
On dark backgrounds, use the light/white variant
On light backgrounds, use the dark/navy variant

Color Palette

Core Colors

Role	Hex	RGB	CSS Token	Tailwind Class	Usage
Primary (Ink Navy)	`#020532`	2, 5, 50	`--color-primary`	`primary`	Nav bar, hero backgrounds, headers, footer, dark sections
Secondary (Deep Navy)	`#091652`	9, 22, 82	`--color-secondary`	`secondary`	Links, subheadings, icon fills, card borders
Accent (Copper)	`#C47A3D`	196, 122, 61	`--color-accent`	`accent`	CTA buttons, badges, callouts, highlights, progress indicators
Background (Parchment)	`#FEF9F1`	254, 249, 241	`--color-bg`	`parchment`	Page base, light sections, card interiors
Text (Charcoal)	`#111827`	17, 24, 39	`--color-text`	`charcoal`	All body copy, form labels
Card BG (White)	`#FFFFFF`	255, 255, 255	—	`white`	Cards against parchment backgrounds

Extended Colors

Role	Hex	CSS Token	Tailwind Class	Usage
Copper Hover	`#D4945E`	`--color-accent-light`	`accent-hover`	CTA hover state, secondary badges
Copper Pressed	`#A86230`	`--color-accent-dark`	`accent-active`	CTA active/pressed state
Slate Blue	`#374273`	`--color-navy-mid`	`navy-mid`	Muted UI, disabled text on dark, dividers
Warm Stone	`#F0EBE4`	`--color-parchment-dark`	`warm-stone`	Alternating rows, subtle section breaks, input backgrounds
Pewter	`#9597A9`	`--color-stone`	`pewter`	Placeholder text, timestamps, captions (large text only)

Semantic Colors

State	Hex	Usage
Success (Forest)	`#2D6A4F`	Confirmed actions, completed states
Warning (Amber)	`#E09F3E`	Approaching limits, incomplete items
Error (Brick Red)	`#C1292E`	Validation errors, destructive actions
Info (Royal Blue)	`#1748A0`	Tips, onboarding hints, informational

Gradients

Name	CSS	Usage
Hero	`linear-gradient(135deg, #020532 0%, #091652 65%, #C47A3D 130%)`	Landing hero, login background, pitch deck cover
Subtle	`linear-gradient(180deg, #FEF9F1 0%, #F0EBE4 100%)`	Long page sections, bottom fade-out
Card Hover	`linear-gradient(135deg, #091652 0%, #374273 100%)`	Dark card hover states

Contrast Ratios (WCAG)

Pair	Ratio	AA	AAA
Charcoal `#111827` on Parchment `#FEF9F1`	~16.9:1	Pass	Pass
Copper `#C47A3D` on dark `#0B1220`	~5.5:1	Pass	Fail
Secondary `#091652` on Parchment `#FEF9F1`	~13.8:1	Pass	Pass
Pewter `#9597A9` on Parchment `#FEF9F1`	~3.2:1	Fail (large text only)	Fail

Typography

Font Stack

Role	Font	Fallback	Weights	Source
Display / Headings	Playfair Display	Georgia, ‘Times New Roman’, serif	400, 600, 700	Google Fonts
Body / UI	Montserrat	’Helvetica Neue’, Arial, sans-serif	300, 400, 500, 600, 700	Google Fonts
Accent / Subtitles	Libre Baskerville	Georgia, serif	400, 400 italic, 700	Google Fonts
Code / Data	JetBrains Mono	’Courier New’, monospace	400	Google Fonts

Why This Pairing Works

Playfair Display is a transitional serif with high contrast between thick and thin strokes. It reads “established, sophisticated, wealth management” without being stuffy. Used in the Solanasis logo.
Montserrat is a geometric sans-serif that provides clean readability for body text and UI elements. Its wide character set and multiple weights make it versatile for everything from captions to bold labels.
Libre Baskerville is an old-style serif optimized for body text on screen. In italic, it adds a refined accent layer for subtitles, pull quotes, and emphasis. It bridges the gap between Playfair’s display personality and Montserrat’s utility.

Type Scale

Based on a 1.25 ratio (major third), starting from 16px base.

Level	Font	Size	Line Height	Weight	Letter Spacing	Use
Display	Playfair Display	40px / 2.5rem	1.15	700	-0.02em	Landing hero headline, pitch deck cover title
H1	Playfair Display	32px / 2rem	1.2	700	-0.01em	Page titles, slide titles
H2	Playfair Display	25px / 1.563rem	1.3	600	-0.005em	Section headers
H3	Montserrat	20px / 1.25rem	1.4	600	0	Subsections, card titles
Subtitle	Libre Baskerville	18px / 1.125rem	1.5	400 italic	0	Slide subtitles, pull quotes, accent text
Body	Montserrat	16px / 1rem	1.6	400	0	Paragraphs, form labels
Body Small	Montserrat	14px / 0.875rem	1.5	400	0.005em	Captions, helper text, metadata
Caption	Montserrat	12px / 0.75rem	1.4	500	0.01em	Timestamps, tags, fine print
Label / Badge	Montserrat	11px / 0.688rem	1.3	600	0.05em	Regulatory badges, pill labels (uppercase OK)

Pitch Deck Typography

Element	Font	Weight	Size Range
Slide titles	Playfair Display	Bold (700)	36-44pt
Subtitles	Libre Baskerville	Italic (400i)	18-22pt
Body text	Montserrat	Regular (400)	14-16pt
Bold labels	Montserrat	SemiBold (600)	14-16pt
Captions / footnotes	Montserrat	Light (300)	10-12pt
Regulatory badges	Montserrat	Medium (500)	10-11pt
Large stat numbers	Playfair Display	Bold (700)	60-72pt
CTA button text	Montserrat	SemiBold (600)	16-18pt

Typography Rules

Maximum line length: 65-75 characters for body text
Paragraph spacing: 1rem (16px) between paragraphs; never double line breaks
Heading proximity: Headings closer to content they introduce than content above (2rem above, 0.75rem below)
No all-caps except for small labels/tags (12px or below) and badge text
Bold sparingly: Montserrat 600 for emphasis in body text; reserve 700 for Playfair headings
Italic accent: Use Libre Baskerville italic for subtitles and pull quotes only; do not italicize Montserrat body text for emphasis (use bold instead)

Canva Brand Kit Setup

Since Canva does not support programmatic brand kit creation (see API notes below), set up manually:

Canva.com > Brand tab > Brand kits > Create brand kit
Name: Solanasis
Logos: Upload all three variants from solanasis.com/images/logo/
Colors: Add in this order:
- #020532 (Ink Navy / Primary)
- #091652 (Deep Navy / Secondary)
- #C47A3D (Copper / Accent)
- #D4945E (Copper Hover)
- #FEF9F1 (Parchment / Background)
- #F0EBE4 (Warm Stone)
- #111827 (Charcoal / Text)
- #FFFFFF (White / Card BG)
Fonts:
- Heading: Playfair Display (Bold)
- Subheading: Libre Baskerville (Italic)
- Body: Montserrat (Regular)

Canva API Notes

The Canva Connect API (REST, OAuth 2.0) can list and autofill brand templates but cannot create or modify brand kits programmatically. Brand kit setup (logos, fonts, colors) is UI-only. Full API capabilities (Brand Templates API, Autofill API) require a Canva Enterprise plan (30+ users, custom pricing). For Solanasis’s current size, the MCP connector plus manual brand kit setup is the right approach.

Image Style

Photography Direction

Documentary photo style, natural window light
35mm lens, shallow depth of field
Subtle film grain, slight imperfections
Muted colors, high contrast but not HDR
Realistic, not glossy, not CGI

Prohibited Imagery

No logos, brand names, or readable text in images
No futuristic neon, hoodies, masks, or “hacker” tropes
No green Matrix code
No stock photo cliches (handshake silhouettes, generic team high-fives)

Preferred Subjects

Professional offices with natural light
Documents, folders, meeting rooms
Professionals at work (not posed)
Wealth management settings (modern offices, not Wall Street trading floors)

Voice Quick Reference

(Full voice profile: solanasis-voice-profile.md)

Rule	Detail
No em dashes	Use semicolons, periods, commas, parentheses
Banned words	seamless, frictionless, SMBs, audit (in regulatory context), genuinely
Identity word	Cybersecurity (not compliance) in headlines
Regulatory language	”Examination” not “audit”; “state securities regulators” not “state AGs”
Signature terms	quiet failure, false comfort, drift, blind spot, risk debt, operational drag, hidden risk, brittle systems, messy handoffs
Partner-safe	”Alongside your compliance consultant” not “we handle your compliance”
CTAs	Low-pressure: “Let’s see where you stand” not “Schedule your demo now!”
Contractions	Yes; natural voice uses them (doesn’t, isn’t, we’ll)
Semicolons	Use as connectors; Dmitri’s signature punctuation
Technical terms	Explain inline on first use

CSS Tokens (for website implementation)

:root {
  /* Colors */
  --color-primary: #020532;
  --color-secondary: #091652;
  --color-accent: #C47A3D;
  --color-accent-light: #D4945E;
  --color-accent-dark: #A86230;
  --color-bg: #FEF9F1;
  --color-text: #111827;
  --color-navy-mid: #374273;
  --color-parchment-dark: #F0EBE4;
  --color-stone: #9597A9;
  --color-success: #2D6A4F;
  --color-warning: #E09F3E;
  --color-error: #C1292E;
  --color-info: #1748A0;
  --color-link: #091652;
  --color-link-hover: #C47A3D;
 
  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #020532 0%, #091652 65%, #C47A3D 130%);
  --gradient-subtle: linear-gradient(180deg, #FEF9F1 0%, #F0EBE4 100%);
 
  /* Typography */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-accent: 'Libre Baskerville', Georgia, serif;
  --font-code: 'JetBrains Mono', 'Courier New', monospace;
 
  /* Spacing (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
 
  /* Borders */
  --radius-button: 6px;
  --radius-card: 12px;
  --radius-modal: 16px;
 
  /* Shadows */
  --shadow-card: 0 1px 3px rgba(2, 5, 50, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(2, 5, 50, 0.10);
  --shadow-dropdown: 0 4px 16px rgba(2, 5, 50, 0.12);
  --shadow-focus: 0 0 0 3px rgba(9, 22, 82, 0.1);
 
  /* Buttons */
  --button-cta-bg: #C47A3D;
  --button-cta-text: #0B1220;
}

Google Fonts Embed

For website <head> or Astro layout:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet">

Files That Reference Brand Identity

Update all of these when making brand changes.

File	Location	What it controls
This file (solanasis-brand-kit.md)	solanasis-docs/brand-style/	Canonical reference
Brand_Style_Guide.md	solanasis-docs/brand-style/	Extended style guide (typography section needs update)
Color Palette.md	solanasis-docs/brand-style/	Quick color reference (current, no font info)
content-style-guide.md	_solanasis/solanasis-site/	Voice and terminology rules
tailwind.config.mjs	_solanasis/solanasis-site/	Tailwind theme (currently uses Inter; needs font update)
global.css	_solanasis/solanasis-site/src/styles/	Font imports (currently imports Inter; needs font update)
solanasis-voice-profile.md	solanasis-docs/	Full voice profile
cowork-pitch-deck-prompt.md	_solanasis/	Pitch deck generation prompt (references Inter; needs update)

Website Font Migration Checklist

The website currently uses Inter everywhere. To migrate to the new font stack:

Update global.css: Replace @fontsource/inter imports with Google Fonts embed or @fontsource packages for Playfair Display, Montserrat, and Libre Baskerville
Update global.css: Change font-family on body to Montserrat
Update tailwind.config.mjs: Change fontFamily.sans to Montserrat; add fontFamily.display for Playfair Display and fontFamily.accent for Libre Baskerville
Update heading styles across Astro components to use font-display class
Update subtitle/accent elements to use font-accent class
Visual regression test all pages after font swap
Run npx astro build to verify build
Run npx playwright test to verify tests pass

Solanasis Docs

Explorer

solanasis-brand-kit