SoWeBuild
Brand Guidelines.
Welcome to the official brand system of SoWeBuild. Designed for precision, engineering rigor, and cinematic visual impact. All brand marks, vectors, animated GIFs, and MP4 videos are synthesized 100% with code.
Vector Logo System
Crafted 100% with mathematical SVG code. Designed to scale infinitely with sub-pixel sharpness from 16px favicons to 8K displays.
Dark VoidPrimary Lockup (Dark Void)
Default mark for dark backgrounds, navigation bars, presentations and digital UI.
Light BackgroundPrimary Lockup (Clean Light)
High-contrast inverted lockup for light papers, invoices, print media and white themes.
Dark VoidStacked App Lockup
Balanced square lockup optimized for social avatars, app icons, cards and badges.
Dark VoidCyber Slash Mark (Glow Container)
Elevated icon for favicon, social avatars, software badges and launch graphics.
Dark VoidGeometric Slash (Raw Glyph)
Pure vector geometry for inline typography, watermarks, stamps and UI accents.
Animated Brand Assets
Rendered frame-by-frame via 100% code (WebCodecs & Canvas algorithms, zero AI images). Optimized for website hero intros, video titles, and social announcement reels.
Cinematic Motion System
Engineered with procedural math and timing curves. The diagonal slash initiates with a specular laser sweep followed by harmonic typographic reveal and neon resonance.
OS-Grade Color Tokens
Rooted in dark-OS void surfaces with electric violet luminescence. Every token is formulated in OKLCH for perceptually uniform lightness and gamut accuracy.
Electric Violet
var(--primary)Primary Brand Accent
Violet Glow
var(--primary-glow)Laser Highlights & Bloom
Deep Void
var(--background)Primary Canvas Background
Obsidian Surface
var(--surface)Panels, Glass & Slabs
Elevated Surface
var(--surface-2)Hover States & Secondary Cards
Cyber Cyan
var(--cyan)Metrics, Data & Sub-Accents
Deep Indigo
var(--accent)Gradient Depth & Shadow Blend
Pure Foreground
var(--foreground)Primary Headings & Bold Text
Muted Slate
var(--muted-foreground)Descriptions & Metadata Specs
Signature Gradient Tokens
Active dock indicators, primary badges, buttons, glowing borders
Large display headlines, marketing hero slogans, key value props
Slab containers, modal backgrounds, subtle specular bevels
Type System & Hierarchy
Carefully curated pairing of Space Grotesk, Manrope, and JetBrains Mono. Formatted for high readability and technical prestige.
Space Grotesk
Geometric grotesk with signature high-tech angled cuts and robotic confidence. Used for all primary headlines and marketing hero copy.
Manrope
Modern semi-geometric sans serif engineered for maximum legibility on digital screens across all viewing distances.
JetBrains Mono
Monospaced developer typeface with increased x-height and distinctive code ligatures. Used for timestamps, coordinates, and specs.
NEXT-GEN SOFTWARE ARCHITECTURE // SOWEBUILD.IN
Logo Geometry & Clear Space
Constructed with pure vector coordinates on an isometric 40×60 coordinate grid. Every vertex is locked to mathematically defined ratios.
Mathematical Precision
The SoWeBuild forward slash is inclined at an exact 14.2° velocity angle, representing forward engineering momentum. The width ratio of the upper apex to the base maintains a golden 1:1 isometric balance.
Brand Rules & Misuse
Preserve brand consistency across all touchpoints. The SoWeBuild identity must remain clean, legible, and uncompromised.
✓ DOAlways use the official SVG lockup with electric violet gradient on deep void surfaces.
✕ DON'TNever disproportionately stretch, squash, or alter the horizontal/vertical aspect ratio.
Never replace the electric violet signature palette with arbitrary neon or secondary hues.
The 14.2° forward slash must always point forward and right. Never mirror into a backslash.
Avoid hard-edged retro drop shadows, bevels, or harsh outlines that degrade precision.
Provide ample breathing room around all lockups for maximum optical authority.
Download Brand Package
Directly access production-ready brand assets. 100% code-generated, optimized, and ready for deployment.
Primary Logo (Dark Void)
Standard horizontal vector lockup for dark surfaces, web headers, and presentations.
Primary Logo (Clean Light)
High-contrast dark-on-white lockup for paper, invoices, and light theme interfaces.
Stacked App Lockup
Centered square mark for app badges, social profiles, and software launchers.
Cyber Slash Mark (Glow)
Signature forward slash with radial neon bloom for favicons and avatars.
Geometric Slash (Raw)
Minimal raw vector polygon for inline glyphs, stamps, and watermark patterns.
Animated Loop (MP4 Video)
High-bitrate H.264 video loop for motion graphic sequences and video bumpers.
Animated Loop (GIF)
Universal looping animated GIF for Discord, GitHub READMEs, and chat messages.
Primary Logo Raster
Pre-rendered high-DPI raster logo on void dark background.
Cyber Slash Raster Icon
Pre-rendered square app icon with electric violet glow.