Logo Variants

StratumIOps Logo Horizontal
Horizontal
MAIN
Size 1200x300px
Format SVG
stratumiops-h.svg
StratumIOps Logo Vertical
Vertical
LAYOUTS
Size 400x520px
Use Mobile
stratumiops-v.svg
StratumIOps Horizontal Static
Horizontal Static
STATIC
Size 1200x300px
Use Print
stratumiops-h-static.svg
StratumIOps Vertical Static
Vertical Static
STATIC
Size 400x520px
Use Print
stratumiops-v-static.svg
StratumIOps Dark Horizontal
Dark Horizontal
DARK
Size 1200x300px
Use Dark BG
stratumiops-dark-h.svg
StratumIOps Dark Vertical
Dark Vertical
DARK
Size 400x520px
Use Dark BG
stratumiops-dark-v.svg

Icon Variants

StratumIOps Icon
Main Icon
ICON
Size 512x512px
Use Apps
stratumiops-icon.svg
StratumIOps Icon Static
Icon Static
STATIC
Size 512x512px
Use Print
stratumiops-icon-static.svg
StratumIOps Icon Dark
Icon Dark
DARK
Size 512x512px
Use Dark BG
stratumiops-icon-dark.svg

Monochrome Variants

StratumIOps Mono Black Horizontal
Mono Black Horizontal
MONO
Use Print
stratumiops-mono-black-h.svg
StratumIOps Mono White Horizontal
Mono White Horizontal
MONO
Use Dark BG
stratumiops-mono-white-h.svg

Social Media

StratumIOps Social Dark
Social Square Dark
SOCIAL
Size 1080x1080px
Use Social Media
stratumiops-social-square-dark.svg
StratumIOps Social Light
Social Square Light
SOCIAL
Size 1080x1080px
Use Social Media
stratumiops-social-square-light.svg

Scalability Test

Icon clarity at different sizes - from favicon to app icons

16×16 Icon
16×16
Favicon
32×32 Icon
32×32
Browser tab
64×64 Icon
64×64
App icon
128×128 Icon
128×128
Apple touch
256×256 Icon
256×256
PWA icon

Color Palette

Primary Indigo
#6366F1
Secondary Indigo
#4F46E5
Cyan Accent
#22D3EE
Cyan Dark
#06B6D4
Slate Secondary
#64748b
Dark Background
#0F172A

Typography

Display / Headings
StratumIOps
Family Inter
Weight 800
Size 32px+
Use Hero, H1
Headings / Titles
Infrastructure Operations
Family Inter
Weight 700
Size 24px
Use H2, H3
Body / Regular
Declarative infrastructure orchestration with GitOps workflows and intelligent automation.
Family Inter
Weight 400
Size 16px
Use Body text
Emphasis / Semibold
Multi-cloud provisioning and policy enforcement
Family Inter
Weight 600
Size 16px
Use Emphasis
Small / UI Elements
Configuration · GitOps · Kubernetes
Family Inter
Weight 500
Size 14px
Use Labels, UI
Code / Monospace
stratumiops-h.svg
Family Courier
Weight 400
Size 14px
Use Code, files

Font Usage

Inter is used for all typography in StratumIOps branding. The font is clean, modern, and highly readable at all sizes.

Import from Google Fonts:
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
CSS Font-family declaration:
font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;

Usage Guidelines

Logo Usage

Use the horizontal logo for primary brand identification on websites, marketing materials, and product pages. The vertical variant works well for mobile and social media. For print, use the static variants. Always maintain sufficient whitespace around the logo (minimum 20px).

Color Palette

Primary Indigo (#6366F1) represents the layered infrastructure architecture. Cyan (#22D3EE) highlights the central processing and intelligent operations. Use the monochrome variants for print and high-contrast applications.

Typography

Use Inter font family from Google Fonts for all text. Weight 800 for display/hero text, 700 for headings, 600 for subheadings, 400 for body text, and 500 for UI elements. Use Courier New monospace for code, filenames, and HEX values. Maintain line height of 1.3-1.7 for optimal readability.

Icon Usage

Use stratumiops-icon.svg (512x512px) for most applications including favicons and UI elements. The static variant is optimized for print. The dark versions are suitable for dark backgrounds and accessibility contexts.