Vikings Intel · Brand system · v1.0 · April 2026
V-Mark.
V-Mark.
Oswald Tight.
One mark, one wordmark, every context. Wide specimens scroll horizontally. Color pairings, sizes, orientations, treatments — all here. When this page and the code disagree, the code wins.
VIKINGSINTEL
01Primary
02Lockups
03Scale ladder
Every size between 16px (favicon floor) and 200px renders with pixel-aligned corners. Never scale below 16.
04Contexts
05Print · finishes
06Construction
07Do · Don't
✓On ink #0B0D11
✓On bone #F6F4EE
✓On gold #FFB800
×Don't recolor
×Don't rotate
×Don't squish
×Don't add effects
×No busy backgrounds
08System
09Applied
10Usage · in code
PHP helpers
// Mark echo vi_brand_mark(28); // nav size, primary echo vi_brand_mark(72, 'mono-dark'); // on a light card echo vi_brand_mark(120, 'custom', ['ink'=>'#0B0D11','accent'=>'#FFB800']); // Wordmark echo vi_brand_wordmark(22); // default: light text + gold accent echo vi_brand_wordmark(24, VI_BRAND_INK, VI_BRAND_INK); // all-ink for light bg
Favicon chain (already wired via seo_engine.php — bump ?v=N to cache-bust)
<link rel="icon" type="image/x-icon" href="/brand-kit/favicon/favicon.ico?v=2"> <link rel="icon" type="image/svg+xml" href="/brand-kit/favicon/vi-favicon-ink-plate.svg?v=2"> <link rel="icon" type="image/svg+xml" href="/brand-kit/favicon/vi-favicon-paper-plate.svg?v=2" media="(prefers-color-scheme: light)"> <link rel="icon" type="image/png" sizes="16x16" href="/brand-kit/favicon/png/favicon-16.png?v=2"> <link rel="icon" type="image/png" sizes="32x32" href="/brand-kit/favicon/png/favicon-32.png?v=2"> <link rel="icon" type="image/png" sizes="192x192" href="/brand-kit/favicon/png/favicon-192.png?v=2"> <link rel="apple-touch-icon" sizes="180x180" href="/brand-kit/favicon/apple-touch-icon.png?v=2"> <link rel="mask-icon" href="/brand-kit/favicon/safari-pinned-tab.svg?v=2" color="#FFB800"> <link rel="manifest" href="/brand-kit/favicon/site.webmanifest?v=2"> <link rel="shortcut icon" href="/favicon.ico?v=2"> <meta name="theme-color" content="#0B0D11"> <meta name="msapplication-TileColor" content="#0B0D11">
Raw SVG (when you cannot render PHP — emails, print)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="512" height="512" shape-rendering="geometricPrecision"> <rect width="100" height="100" fill="#0B0D11"/> <path d="M15 20 H33 L50 68 L61.33 36 L79.06 36 L81.66 29 L62 82 H38 Z" fill="#FFB800"/> <path d="M67 20 H85 L81.66 29 H63.81 Z" fill="#F6F4EE"/> </svg>
11Static asset library
The pre-baked file kit for everything that can't run PHP — emails, print vendors, social link previews, design tools, external embeds. Click any tile to open the asset; right-click to download. Naming: vi-{lockup}-{colorway}.{ext}.
Flagship · mark + wordmark + tagline6 FILES
Horizontal · mark + wordmark side-by-side6 FILES
Stacked · mark above wordmark (square)6 FILES
Monogram · mark only7 FILES
Wordmark only5 FILES
Social · share cards (PNG, share-ready)7 FILES
Favicons · ICO + PNG ladder + SVG plates10 FILES
Print · stitch + etch (vendor-ready outlines)7 FILES
