UI Packs

Paper Character Sheet

12 flat character sheet and stat widgets for light interfaces — warm paper with rust red accents. SVG plus transparent PNG at 1x, 2x and 4x.

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

About this pack

Paper Character Sheet is a set of 12 character sheet and stat widgets drawn in the flat style, where there are no outlines and no shading at all. 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.

Depth comes only from a layered soft shadow — three stacked passes rather than a blur filter, because some SVG rasterisers scale a blur wrongly and the 4x PNG comes out as a smear. Everything else is one solid colour.

Inside that style this is the Paper reading of it: a light interface on a warm paper palette with rust red accents, built around a single bordered frame, fully rounded pill buttons at 140x44, 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 Paper family, which means this kit and the Paper panel kit line up without either being resized. A good fit for minimal and mobile interfaces.

Download

Direct link · no sign-up · no wait page
Download ZIP219 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 readmeZIP219 kB Get →
Stat row, editable SVGSVG376 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
"Paper Character Sheet" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-character-sheet