UI Packs

Blocks Character Sheet

12 voxel character sheet and stat widgets for dark interfaces — cool stone with signal orange accents. SVG plus transparent PNG at 1x, 2x and 4x.

  • ui
  • svg
  • transparent png
  • character sheet
  • stats
  • equipment
  • attributes
  • rpg
  • voxel
  • voxel
  • voxel
  • blocky
  • isometric
  • cube
Sheet showing 12 voxel character sheet and stat widgets from the Blocks family, arranged on a transparency checkerboard with their pixel sizes printed underneath
1600×824 previewtransparency shown as checkerboard

About this pack

Blocks Character Sheet is a set of 12 character sheet and stat widgets drawn in the voxel style, where each surface is the front face of a cube with a lit top face and a shaded right face. It contains a stat row and an alternating band row, three comparison marks, a six-axis and a five-axis radar frame, an equipment doll frame, an empty and an occupied equipment slot and two set bonus strips.

The character sheet exists to answer one question, whether this new piece is better than the one already worn, and the piece of art that answers it is the smallest one in the kit. Most sets ship the frames and leave the comparison arrows to the engine, which is where they come out as a font glyph in a set that draws everything else by hand.

The extrusion is real geometry rather than a shadow: the light angle never changes, there are exactly three tones per block, and the front face is inset so the cube stays inside its own sprite bounds.

Inside that style this is the Blocks reading of it: a dark interface on a cool stone palette with signal orange accents, built around a single bordered frame, square-cornered buttons at 132x48, tick-marked bars divided into 8 segments, and solid 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.

The up and down arrows are separate sprites rather than one arrow flipped, because both appear in the same comparison table and a flipped arrow lights from the wrong side. There is a third mark for unchanged, which matters more than it sounds: no arrow at all is ambiguous between equal and not comparable. The radar frame ships as grid and axes only, without a value polygon, because the values come from the game. What the kit owes is the scale, and it ships at both five and six axes so a stat system is not forced to have as many attributes as the artist assumed.

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 Blocks family, which means this kit and the Blocks panel kit line up without either being resized. A good fit for voxel and blocky games.

Download

Direct link · no sign-up · no wait page
Download ZIP52 kB

Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readme

Files included in this pack
FileFormatSizeDownload
Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readmeZIP52 kB Get →
Stat row, editable SVGSVG524 B Get →

How to use it

  1. Draw your value polygon over the radar frame in engine; the frame is a fixed scale with rings at even fractions, so a polygon can be plotted straight against it.
  2. Use all three comparison marks including the unchanged one. An absent arrow does not mean equal.
  3. Alternate the plain and banded stat rows down a long list rather than adding your own zebra fill; the band is drawn at a tone that survives the family retint.
  4. The equipment doll leaves its centre empty for your own character portrait, and the slot positions around it match the standalone equipment slot size exactly.

License

Creative Commons Zero 1.0 — Public domain. No credit required. Full terms · What this means in practice