Design System

Logo & marks

The hex mark and wordmark that sign every surface.
PRIMARY MARK · hex wireframe hero · splash · identity WORDMARK · Barlow Condensed 700 FRONTIER DEFENSE TECHNOLOGY wide-tracked 0.08em · all caps COMPACT · FDT FDT sidebar · dense nav · favicon LOCKUP · mark + wordmark + steel-500 divider FRONTIER DEFENSE TECHNOLOGY default horizontal chrome
  • Primary mark: Bold geometric hex/cube wireframe. Isometric projection. Used at large sizes in hero surfaces and as a standalone identity anchor.
  • Wordmark: FRONTIER DEFENSE TECHNOLOGY set in Barlow Condensed 700, wide-tracked (0.08em), all caps.
  • Lockup: Mark sits to the left of the wordmark with a vertical divider at --steel-500. A compact lockup uses just “FDT” in Barlow Condensed 700.
  • Product wordmarks: Each product (GRIDWATCH, GHOST GRID, QRF, OVERWATCH, SECTOR) gets a Barlow Condensed 700 wordmark, all caps, wide-tracked. Products share the parent brand’s mark when co-branded.

Construction grid

Every mark - primary hex, wordmark, lockup, product wordmark - follows the same construction rules. These are the rules that keep the marks readable at the range of sizes they’ll actually appear in, and prevent well-meaning improvisation from breaking the family.

Safe area: 0.5× mark-height on all sides

The mark reserves an exclusion zone equal to half the cap-height of the mark itself. Nothing may appear inside the exclusion zone - no text, no other marks, no decorative elements, no hard edges of containers. For the primary hex mark, the exclusion zone is measured from the outer envelope of the wireframe. For the wordmark, it’s measured from the cap-height of the Barlow Condensed characters.

This is deliberately tighter than the industry default (1×). The register is modern defense-tech - the brand sits confidently without heavy whitespace padding. The mark is secure enough in its own geometry that it doesn’t need a runway.

Minimum legible sizes

Mark Minimum size Use
Full wordmark (FRONTIER DEFENSE TECHNOLOGY) 120px wide Marketing hero, proposals, reports, slide masters
Compact wordmark (FDT) 32px wide Navigation, dense UI headers, sidebar anchors
Primary hex mark (standalone) 24px Favicons, compact UI, single-char contexts

Below these sizes, the mark stops being recognizable - either the wordmark loses character distinction (FRONTIER blends at 100px) or the hex mark’s wireframe collapses (ridges merge at 20px). If the target size is below minimum, fall back to the next-smallest mark, not a scaled-down version of a larger one.

Forbidden variants - reject on sight

  • Do not stretch the mark horizontally or vertically. Aspect ratio is locked.
  • Do not rotate the mark. No 45° tilts, no vertical orientations, no “creative angles” for narrow layouts. The mark is horizontal; the layout gets the mark or doesn’t.
  • Do not recolor outside the sanctioned palette (navy-900, fog-100, electric-500 with --glow-lg in hero contexts only). No photo fills, no pattern fills, no team colors.
  • Do not add a stroke outline around the mark. The mark is a filled graphic; outlining changes its silhouette.
  • Do not composite the mark with other brand marks as a visual fusion. Co-brand lockups use side-by-side placement with a vertical divider at steel-500 - never overlapping, nested, or graphically merged marks.
  • Do not apply drop shadows to the mark. The electric-blue glow (hero contexts only) is the mark’s only permitted effect.
  • Do not apply gradient fills. The mark is flat color. Gradients fight its geometric precision.
  • Do not decompose the mark. The hex/cube wireframe is a single graphic - not separable into parts. No “just the hex outline,” no “just the top face,” no cropping to a quadrant.
  • Do not redraw the mark at small sizes. Use the provided optical sizes. A large-size mark mechanically scaled to 24px is not the same as a purpose-drawn 24px mark, which has different stroke weights and detail density.

Clearspace in common lockups

  • FDT wordmark + tagline - tagline sits below the wordmark with a 1× mark-height gap. Tagline is Inter 400 at 1/3 the wordmark’s cap-height, fog-200 color.
  • FDT + product wordmark - side-by-side with a vertical divider at steel-500, 0.5× mark-height on each side of the divider. Divider height matches the wordmark cap-height.
  • FDT + co-brand (partner logo) - side-by-side, 1× mark-height between marks. Partner logo rescales to match FDT’s optical weight (not literal height - optical). If the partner mark has a different proportion system, err toward visual parity over geometric parity.