Assets
Four assets cover every placement. Switch the backdrop above and each one swaps to the correct colour — that swap is the rule, not a preview trick.
Construction
Two numbers to remember: the margin around the logo, and the point below which it stops working.
Clear space
Keep a margin of X on every side, where X is the stroke weight of the D. Nothing enters that band — no type, no rules, no photo edge.
Minimum size
Shown at actual size. Below these the speed lines begin to merge. A 16px browser favicon will always read as a solid shape — that one is fine.
Lockup140px wide
Mark40px wide
Icon32px square
Colour
Dash Blue carries the brand. Signal is for accents and active states only — never for the logo itself. Click any swatch to copy its hex.
Don't
The logo is a fixed asset. If a placement seems to need one of these, the placement is what should change.
ScaleStretch or squash it. Scale both axes together.
AngleRotate or tilt it. The lockup sits level.
ColourRecolour it outside the palette.
EffectsAdd shadows, glows or gradients.
WeightOutline it or change the stroke weight.
ContrastDrop it on a busy image without a solid holding shape.
Files
SVG for anything on screen or in print. PNG only where SVG isn't accepted. Each asset ships in blue, black and white.
dash-recon-logo/ ├── index.html this page ├── dash-recon-logo.zip everything below, one
download ├── svg/ lockup · mark · icon · wordmark, 3 colours each ├── png/ transparent, 800–2400px
wide └── favicon/ favicon.svg · 16/32/48 · apple-touch · maskable