Voidrunner HUD Frame Set
========================

12 cyberpunk HUD frames for dark interfaces — deep violet with toxic mint
accents. SVG plus transparent PNG at 1x, 2x and 4x.

Voidrunner HUD Frame Set is a set of 12 HUD frames drawn in the cyberpunk
style, where every frame has its own asymmetric outline — a notch on one
corner, a rail down one edge. It contains a primary panel frame, a data
readout frame, a console frame, a terminal frame, an alert banner, a wide
status strip, a tall side column, a square portrait frame and a label tag and
a compact badge.

Most free HUD sets are one rectangle at twelve sizes. That is the tell: real
interface art gives every frame its own outline, because a readout, a portrait
and an alert banner do not have the same job and should not have the same
shape. A set where the only difference is width reads as filler the moment you
place two of them on screen together.

The silhouette is composed rather than scaled: each of the four corners and
four edges takes its own treatment, so no two frames in the set share an
outline. The neon glow is a stack of strokes at falling opacity, not a blur
filter — a filter is applied differently by some SVG rasterisers and turns the
halo into a smear at 4x.

Inside that style this is the Voidrunner reading of it: a dark interface on a
deep violet palette with toxic mint accents, built around a single bordered
frame, chamfered buttons at 168x40, hollow-cored bars divided into 14
segments, and two-tone icons on a 24px grid. Those measurements are why two
families can share an art style without being interchangeable: the style
decides how an edge is drawn, the numbers decide what the interface is for.

Every frame here has its own silhouette — the four corners and four edges are
treated independently, so one frame has a notched top-right and a railed side
while the next has folded corners and a vee on both long edges. None is a
scaled copy of another. The applied marks (hatch blocks, tick rows, barcode
strips, chevrons) sit only on the edges: the middle stays clear because that
is where your map, portrait or text goes.

Every sprite ships as an editable SVG and as transparent PNG at 1x, 2x and 4x,
so you can drop the PNGs straight into an engine or open the vector and change
a colour. Built to the same measurements as the rest of the Voidrunner family,
which means this kit and the Voidrunner panel kit line up without either being
resized. A good fit for cyberpunk, sci-fi and near-future interfaces.

HOW TO USE

  - Nine-slice on the flat regions only. Each frame ships its safe margins in
    the specs box, and the sides whose middle carries a notch or a vee are
    marked unstretchable — stretch those and the mark grows with the frame.
  - Draw your content inside the frame, not over it: every silhouette leaves
    the centre empty on purpose, and none of the applied marks reaches into
    it.
  - The glow is drawn as stacked strokes rather than a blur filter, so the 4x
    PNG stays sharp. If you want a stronger bloom, add it in-engine on top
    rather than scaling the sprite.

License: CC-BY-4.0 — see LICENSE.txt
Page: https://www.colorosse.com/assets/2d/ui/voidrunner-hud-frame-set
More free assets: https://www.colorosse.com
