Brand Personality

Professional, clean, and technically confident. Pvragon's visual identity pairs deep teal with warm orange for a grounded-yet-energetic feel. Layouts favor generous whitespace, structured hierarchy, and readable typography. The aesthetic is modern business — polished but never flashy.

Color application rules

Primary teal (#1E4958) anchors headings, table headers, accent bars, and primary buttons
Orange (#E7511F) is used sparingly for emphasis: bold labels, calls-to-action, H2 headings, and accent elements
Dark backgrounds use #112328 (near-black), never pure black
Body text uses #112328 on white backgrounds
Table headers use dark teal background with white bold text — a signature Pvragon pattern
Clear visual hierarchy: teal for structure, orange for emphasis, neutrals for content

Color

Two brand colors carry the identity; a semantic layer maps them onto text, backgrounds, borders, links, and status. Tints and shades are computed by the token pipeline, never eyeballed.

Core brand

Main Teal

#1E4958
color.brand.primary
Headings, table headers, accent bars, primary buttons

Main Orange

#E7511F
color.brand.accent
Emphasis, CTAs, H2 headings — use sparingly

Text

Dark Font

#112328
color.text.default
Primary body text

Light Grey

#5E767D
color.text.subtle
Secondary text, captions

White

#FFFFFF
color.text.onPrimary
Text on primary-colored backgrounds

Off White

#F8FAFC
color.text.onDark
Text on dark backgrounds

Background & border

White

#FFFFFF
color.background.default
Page / slide background

Light Grey 1

#F8FAFC
color.background.subtle
Alternate table rows, subtle sections

Light Teal

#DEEAEF
color.background.accent
Callouts, highlighted areas — doubles as color.border.default

Grey

#5E767D
color.border.subtle
Decorative rules, light separators

Links

Main Teal

#1E4958
color.link.default
Hyperlink text

Dark Teal

#142F3B
color.link.hover
Hover state — darkened primary

Muted Teal

#4E6F7C
color.link.visited
Visited links

Status

Green Light

#DDFFEF
color.status.successLight
Success badge / callout background

Green Medium

#2E9E5C
color.status.successMed
Success icons, accents

Green Dark

#016536
color.status.successDark
Success text

Red Light

#FDE6E2
color.status.warningLight
Warning badge / callout background

Red Medium

#D44B1A
color.status.warningMed
Warning icons, accents

Red Dark

#9D2D0B
color.status.warningDark
Warning text

Heading hierarchy — `alternating` strategy

fallbackH1 / H3

#1E4958
color.heading.h1 · h3
Primary teal — structure levels

fallbackH2

#E7511F
color.heading.h2
Accent orange — alternating emphasis

derivedH4

#317891
color.heading.h4
Computed +25% tint of primary

derivedH5

#EE8764
color.heading.h5
Computed +25% tint of accent

derivedH6

#1E4958
color.heading.h6
Returns to primary

Computed derivatives

shade2
#000000

shade1
#0B1A1F

primary
#1E4958

tint1
#317891

tint2
#4DA4C2

tint3
#86C1D6

shade2
#62210B

shade1
#A83712

accent
#E7511F

tint1
#EE8764

tint2
#F6BCA9

tint3
#FDF2EE

Derivatives are ±25/50/75% lightness steps computed by parse-brand-guidelines.js. If the brand later defines explicit extended-palette values, those win over computed ones.

Typography

One family does all the work: Noto Sans for every heading and body setting, falling back to Arial. Courier New handles code. Weight — not typeface changes — creates hierarchy.

H1 · 700 · teal

Automation that earns trust

H2 · 700 · orange

Deterministic where it matters

H3 · 700 · teal

Built by Pvragon LLC

Body · 400 · 11pt

We build AI-powered operations systems that pair probabilistic intelligence with deterministic execution — so the work is fast and repeatable.

Caption · 400 · subtle

Figure 1 — brand token pipeline, March 2026

Code · Courier New

node parse-brand-guidelines.js --validate

Aa

300 light

Aa

400 body

Aa

500 medium

Aa

700 heading / display

Font stack

typography.font.primary

Noto Sans — all headings and body text

typography.font.fallback

Arial — system fallback

typography.font.monospace

Courier New — code and monospaced text

Logo

Four assets cover every placement: full wordmark and icon, each with a dark-background variant. Never recolor, stretch, or restyle them.

logo.full · light backgrounds

logo.fullOnDark · dark backgrounds

logo.icon · 24px · small placements

logo.iconOnDark · 24px

Usage rules

Light / white backgrounds: use the full horizontal wordmark (PV_Logo.png)
Dark backgrounds: use PV_Logo_onDark.png
Small placements (footers, subsequent page headers): use the 24×24 icon (PV_fav.png)
Header placement: logo right-justified in the page header

Voice & Tone

How Pvragon sounds, in four commitments. These guide copywriting and AI-authored text; they don't affect visual rendering.

Tone

Professional, direct, technically confident

Perspective

First-person plural — "we"

Formality

Business professional

Avoid

Jargon without definition; passive voice in CTAs

Applied Examples

The brand rendered into its real content types, exactly as the preference enums in brand-tokens.json dictate. Each example names the preferences it demonstrates.

Document

docs.tableHeaders: brandeddocs.alternatingRows: yes docs.accentOnLabels: yesdocs.callouts: yesheading.colorStrategy: alternating

Q3 Operations Review · 2026-07-13 Pvragon logo, right-justified per header rule

Quarterly Operations Review

Prepared by: Pvragon LLC · Contact: jaime@pvragon.com

Pipeline Summary

Automation coverage expanded across all three service tiers this quarter. The table below uses the signature Pvragon pattern — dark teal headers with bold white text.

Workstream	Status	Coverage
Billing reconciliation	Complete	100%
Dispatch intake	In progress	72%
Reporting exports	Complete	100%

Note: callout boxes use the light teal accent background with a primary border — reserved for genuinely important asides.

Slide — title

slides.titleBackground: primaryslides.accentStripe: yes slides.logoProminence: subtleslides.footerContent: numbers-and-company

Operations, Automated.

Q3 Review · prepared for the leadership team

Pvragon · 1

Social card

social.colorIntensity: fullsocial.logoPlacement: corner social.textOverlay: light-on-darkweb.ctaStyle: gradient

Email header

docs.accentOnLabels: yesweb.ctaStyle: gradient

from: jaime@pvragon.com

Your July automation digest

Three pipelines shipped, two directives updated, and one new skill in the library. Highlights below.

View the full digest

Target: WCAG AA for text and UI. Ratios below are computed by the token pipeline at generation time — measured, not assumed.

Sample	Foreground / background	Ratio	Level
Teal on white	brand.primary / background.default	9.77	AAA
Orange on white	brand.accent / background.default	3.75	AA-large
Body on white	text.default / background.default	16.22	AAA
Subtle on white	text.subtle / background.default	4.81	AA
Links on white	link.default / background.default	9.77	AAA
White on teal	text.onPrimary / brand.primary	9.77	AAA

Constraint: orange (#E7511F) on white is AA for large text only (3:1). Use it for H2 headings, bold labels, and buttons — never for body-size copy. For small orange text, use derivative.accent.shade1 (#A83712) instead.

Brand Personality

Color application rules

Color

Core brand

Text

Background & border

Links

Status

Heading hierarchy — alternating strategy

Computed derivatives

Typography

Font stack

Logo

Usage rules

Voice & Tone

Applied Examples

Document

Quarterly Operations Review

Pipeline Summary

Slide — title

Social card

Email header

Your July automation digest

Accessibility

Heading hierarchy — `alternating` strategy