Dark Force Brand Book
This master document defines the visual identity, typography system, color tokens, and implementation guidelines for DARK FORCE - GLOBAL IT SOLUTIONS. Consistent execution preserves brand integrity across all digital channels, client reports, enterprise platforms, and marketing campaigns.
Logo Architecture & Clear Space
The Dark Force signature logo comprises three synchronized components: the Spherical Constellation Icon, the Vertical Light Partition, and the Stacked Geometric Wordmark.
| Element | Rule | Minimum Value | Notes |
|---|---|---|---|
| Safe Margin / Clear Space | 0.5 × (Icon Radius) around all perimeter edges | 28px padding | No text, graphics, or borders may intrude into this boundary |
| Minimum Digital Display Size | Width: 160px / Height: 55px | 160 × 55 px | Below this size, use the standalone Constellation Icon Mark |
| Divider Line Proportion | Exact height of the wordmark (top of 'DARK' to baseline of 'SOLUTIONS') | 2.5px stroke width | White (#FFFFFF) on dark, Charcoal (#0F172A) on light |
Official Spectrum Color Tokens
Click any color card to instantly copy its HEX value to your clipboard.
Dark Mode Neutrals & Background Tokens
Typography & Color Text Hierarchy
The typography system relies on clean geometric sans-serif fonts to communicate enterprise stability, modern innovation, and technical rigor.
Outfit / Plus Jakarta Sans
Used for primary hero headlines, section titles, large metrics, and brand wordmarks. Features high x-height and confident geometric curves.
abcdefghijklmnopqrstuvwxyz 0123456789
GLOBAL IT SOLUTIONS
All eyebrow badges and secondary category markers MUST use uppercase letters with expanded letter-spacing (letter-spacing: 0.22em) exactly echoing the logo’s subtitle structure.
Color Text For Block Headings
To achieve the brand's vibrant block styling, use linear gradient masking on high-impact keywords:
.text-gradient {
background: linear-gradient(135deg, #FF5722 0%, #FFA000 28%, #8BC34A 60%, #00E5FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
Brand Rules: Do's & Don'ts
Brand Best Practices (DO)
- • Always preserve the full color spectrum: Keep the gradient from Solar Red/Orange through Cyber Lime to Electric Cyan.
- • Use dark surfaces: The brand thrives on deep cosmic obsidian (#080A0F) with subtle glowing accents.
- • Maintain the vertical divider: Ensure the 2.5px separator line maintains high optical clarity between icon and text.
- • Use high-res SVG vectors: Always render logos via vector SVG for 4K / Retina screen fidelity.
Identity Violations (DON'T)
- • Do not invert the gradient order: Never flip Cyan to the left or Red to the right.
- • Do not distort or stretch: Constrain aspect ratio when resizing the constellation sphere.
- • Do not alter the typeface: Do not swap the clean geometric sans-serif for decorative or serif fonts.
- • Do not crowd the mark: Maintain 28px+ minimum clear space on all promotional graphics.