UI Packs

Slate Character Sheet

12 realistic character sheet and stat widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.

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

About this pack

Slate Character Sheet is a set of 12 character sheet and stat widgets drawn in the realistic style, where a five-stop specular gradient runs down a brushed metal face with rivets at the corners. 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 brush texture is a 3px line pattern rather than real noise: noise triples the PNG weight for a texture nobody can see at 1x. The shadow is layered rather than blurred so it holds up at 4x.

Inside that style this is the Slate reading of it: a dark interface on a neutral slate palette with warm gold accents, built around a single bordered frame, square-cornered buttons at 128x40, banded bars divided into 10 segments, and outlined 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 Slate family, which means this kit and the Slate panel kit line up without either being resized. A good fit for realistic and simulation interfaces.

Download

Direct link · no sign-up · no wait page
Download ZIP176 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 readmeZIP176 kB Get →
Stat row, editable SVGSVG652 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 Attribution 4.0 — Free for commercial use. Credit required. Full terms · What this means in practice

Copy-paste credit line
"Slate Character Sheet" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/slate-character-sheet