Pack · 14 assets
Slate UI Starter — 14 matched kits
The Slate 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.
The family the rest of this catalogue is measured against. If you are only taking one thing from here, take this one — it is the most neutral, and neutral survives an art direction change.
14 kits drawn against the same rules, so they can sit in the same screen without anything looking borrowed: the same six neutral slate tones, the same single warm gold accent, the same 2 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 CC-BY-4.0
Slate Panel UI Kit — single-framed panels and buttons
Single-framed nine-slice dark slate window panels, inset list frames and four square button states, as SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate HUD Bars — health, mana and stamina
A dark slate nine-slice bar frame with three banded fills and a segmented variant, sized 160×24 with 8 px caps. SVG plus transparent PNG.
CC0-1.0
Slate Menu Icons — 24px outlined set
Six single-colour outlined dark slate menu icons on a 24×24 grid: play, pause, settings, inventory, map and sound. Sheet plus individual files.
CC-BY-4.0
Slate UI Controls — checkbox, toggle and slider
Eight dark slate interface controls: checkbox, radio, toggle and slider, each with on and off states drawn as different shapes. SVG plus transparent PNG.
CC-BY-4.0
Slate Inventory Slots — 64px grid
64×64 dark slate inventory slots: empty, hover, selected and locked states plus three rarity frames. SVG and transparent PNG.
CC-BY-4.0
Slate Backdrops
7 realistic background and overlay pieces for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Tileset
58 realistic tiles for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Seamless Textures
20 realistic tiling surface textures for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Dialogue Kit
7 realistic dialogue components for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Navigation Kit
15 realistic navigation and input components for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate HUD Frames
10 realistic heads-up display frames for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Progression Kit
11 realistic progression and reward components for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Input Prompts
16 realistic input prompt sprites for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Card Frames
11 realistic card, currency and notification components for dark interfaces — neutral slate with warm gold 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.
Pairs with
Built to the same measurements as Slate UI Starter — 14 matched kits — panel corners, button box and icon grid all line up, so the two can share a screen without anything being re-cut.