Pack · 14 assets
Charcoal UI Starter — 14 matched kits
The Charcoal family in one place: nine-slice panels and buttons, HUD bars, a menu icon set, form controls, inventory slots, , , , , , , , and undefined. One palette, one stroke weight, one set of nine-slice margins.
For games that are drawn and also dark — chalk-and-blackboard mysteries, hand-illustrated horror, anything where the light notebook version would read as cheerful and wrong.
14 kits drawn against the same rules, so they can sit in the same screen without anything looking borrowed: the same six smoke grey tones, the same single ember orange accent, the same 3 px stroke weight, and nine-slice margins that are always a multiple of four.
That consistency is the actual point of a pack. Individually each kit is useful; together they mean a pause menu, a HUD and a settings screen can be assembled in an afternoon without a single colour or corner radius being negotiated twice.
Each kit is downloaded from its own page — that way you take only what you need, and the file list, sizes and licence stay accurate per item rather than being averaged across a bundle.
What is inside
14 kits
Charcoal Panel UI Kit — single-framed panels and buttons
Single-framed nine-slice chalk on slate window panels, inset list frames and four tab button states, as SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal HUD Bars — health, mana and stamina
A chalk on slate nine-slice bar frame with three hollow-core fills and a segmented variant, sized 180×26 with 8 px caps. SVG plus transparent PNG.
Charcoal Menu Icons — 24px two-tone set
Six two-tone chalk on slate menu icons on a 24×24 grid: play, pause, settings, map, sound and close. Sheet plus individual files.
Charcoal UI Controls — checkbox, toggle and slider
Eight chalk on slate interface controls: checkbox, radio, toggle and slider, each with on and off states drawn as different shapes. SVG plus transparent PNG.
Charcoal Inventory Slots — 76px grid
76×76 chalk on slate inventory slots: empty, hover, selected and locked states plus three rarity frames. SVG and transparent PNG.
Charcoal Backdrops
7 hand-drawn background and overlay pieces for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Tileset
58 hand-drawn tiles for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Seamless Textures
20 hand-drawn tiling surface textures for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Dialogue Kit
7 hand-drawn dialogue components for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Navigation Kit
15 hand-drawn navigation and input components for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal HUD Frames
10 hand-drawn heads-up display frames for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Progression Kit
11 hand-drawn progression and reward components for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Input Prompts
16 hand-drawn input prompt sprites for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Charcoal Card Frames
11 hand-drawn card, currency and notification components for dark interfaces — smoke grey with ember orange accents. SVG plus transparent PNG at 1x, 2x and 4x.
Each asset is downloaded from its own page — that way you only take what you need, and the file list, sizes and license stay accurate per item.