Brand Philosophy
Delta Capital represents systematic conviction through mathematical discipline. Our brand reflects institutional sophistication, analytical rigor, and refined minimalism.
The delta symbol (Δ) represents change and precision—core to our methodology. Our visual language is deliberately restrained: black, white, and clarity. We communicate through substance, not decoration.
Color Palette
Delta Capital uses a sophisticated monochromatic palette with precise grays. These colors create visual hierarchy while maintaining institutional elegance.
Black
Primary Black
#111111
Headlines, primary text, core elements
Dark Gray
Dark Gray (Muted)
#555555
Body text, secondary content
Light Gray
Light Gray (Faint)
#999999
Tertiary text, captions
Borders
Border Gray
#e0e0e0
Lines, dividers, subtle separations
Background
Light Background
#f3f3f3
Secondary backgrounds, containers
White
Primary White
#fafafa
Primary background, clean space
Typography
Serif: Cormorant Garamond
Our primary typeface. Refined, institutional, and elegant. Used for all headlines, body text, and primary communication.
Heading 1 (3.5rem, weight 300)
Delta Capital
Heading 2 (2rem, weight 400)
Brand Guidelines
Heading 3 (1.3rem, weight 400)
Typography
Body Text (1rem, weight 400, line-height 1.7)
This is standard body text. Use this for all primary content and narrative communication. Maintain line-height of 1.7 for optimal readability.
Monospace: JetBrains Mono
Used for technical content, data, labels, and emphasis. Provides contrast and draws attention to precise information.
Monospace (0.85rem, uppercase)
MARKET DATA • ANALYSIS • REAL-TIME
Logo & Symbol
The delta symbol (Δ) is the primary visual identifier for Delta Capital. It represents mathematical precision and change.
Δ
Primary Logo Mark
Use without modification
Usage Guidelines
-
Minimum Size
Never display smaller than 32px
-
Color
Use #111111 (black) on light backgrounds. Reverse to white on dark backgrounds.
-
Spacing
Maintain clear space around the mark equal to its height
-
Modifications
Never rotate, distort, or add effects. Maintain geometric integrity.
Imagery & Visual Style
Our visual approach is minimal and intentional. We favor clean geometry, precision, and purposeful information design over decoration.
-
Data Visualization
Charts, graphs, and data displays use our monochromatic palette. Lines are clean, labels are clear, and unnecessary elements are removed.
-
Photography
When photography is used, favor institutional, professional contexts. High contrast, clear subjects. No lifestyle imagery.
-
Patterns & Textures
Minimal use. Prefer solid colors and negative space. If patterns are used, they should be mathematical and geometric.
-
Animation & Motion
Smooth, purposeful animations that guide the eye or provide feedback. No decorative motion. Duration: 0.6–1.4 seconds.
-
Whitespace
Generous. Whitespace is not empty—it's an active design element that creates clarity and focuses attention.
Tone of Voice
Our communication is professional, precise, and confident. We speak to sophisticated audiences with respect for their intelligence.
-
Institutional
We represent systematic conviction and mathematical discipline. Our language reflects professionalism and rigor.
-
Precise
We are exact in our language. No hyperbole, no vague claims. Data speaks for itself.
-
Confident
We stand behind our methodology. No hedging or qualifiers unless data requires it.
-
Accessible
Complexity is explained clearly. We assume intelligence, not background knowledge. Technical terms are introduced naturally.
-
Respectful
We value our audience's time and attention. Every word earns its place.
Do's and Don'ts
Do This
- ✓ Use clean, geometric layouts
- ✓ Prioritize legibility and clarity
- ✓ Use ample whitespace
- ✓ Show data and numbers
- ✓ Maintain consistent spacing
Avoid This
- ✗ Decorative elements without purpose
- ✗ Bright colors or gradients
- ✗ Overly casual or trendy language
- ✗ Decorative fonts or script
- ✗ Crowded layouts
Asset Library
Delta Capital maintains a comprehensive asset library for use across all digital and print applications.
Favicon Suite
Multi-platform favicon set for optimal icon display across browsers and devices:
- favicon.svg — Vector icon (scalable)
- favicon.ico — Multi-resolution ICO (16×16, 32×32, 48×48)
- apple-touch-icon.png — iOS home screen (180×180)
- apple-touch-icon-152x152.png — iPad (152×152)
- apple-touch-icon-120x120.png — iPhone (120×120)
- android-chrome-192x192.png — Android (192×192)
- android-chrome-512x512.png — Android (512×512)
- manifest.json — Web app manifest
Social Media & Meta Assets
Optimized images for social sharing and search engine previews:
- og-default.png — OpenGraph image (1200×630) for social sharing
- logo.png — Logo for JSON-LD structured data (512×512)
Location
All assets are stored in the /img directory. Reference them with absolute paths: /img/favicon.ico, /img/og-default.png, etc.
HTML Meta Tags Template
Include these essential meta tags in the <head> of all HTML pages:
<!-- Favicon Suite -->
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon-120x120.png">
<link rel="manifest" href="/img/manifest.json">
<meta name="theme-color" content="#111111">
<!-- OpenGraph -->
<meta property="og:image" content="https://deltacapitaltrading.com/img/og-default.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Canonical URL -->
<link rel="canonical" href="https://deltacapitaltrading.com/page-name">
Email & Digital Applications
For email templates, digital documents, and other applications:
Email Signatures
Professional email signature templates are available in email-signatures.html. All signatures use Delta Capital brand colors and typography.
Email Design Guidelines
- Use Cormorant Garamond for headings (with fallback to Georgia)
- Use monospace for technical content and emphasis
- Maintain 1.7 line-height for body text
- Use #111 for text on light backgrounds only
Utility Pages
Delta Capital includes branded utility pages for common use cases:
-
404.html
Custom error page for missing or moved content. Returns HTTP 404 status code.
-
maintenance.html
Standalone maintenance mode page with animated Delta symbol. Requires no external dependencies.
-
coming-soon.html
Pre-launch placeholder page with full OG meta tags for social sharing.
-
accessibility.html
WCAG 2.1 compliance statement and accessibility features documentation.
Print Guidelines
All pages support print-optimized styling through the print stylesheet in css/style.css.
Print Features
- • Navigation and interactive elements automatically hidden
- • Colors convert to black text on white background
- • External link URLs display after links
- • Page breaks managed automatically
- • Responsive images scale appropriately
How to Print
- 1. Open the page in your browser
- 2. Press Ctrl+P (Windows) or Cmd+P (Mac)
- 3. Uncheck "Headers and Footers" if desired
- 4. Select "Save as PDF" or print directly
- 5. Check "Print Background Graphics" for color elements
Supported Browsers: Chrome, Firefox, Safari, and Edge (latest versions)
Print This Document
This brand kit is designed to be printed. Use your browser's print function (Ctrl+P or Cmd+P) and select "Print Background Graphics" for full color palette display. Save as PDF for archival.