Pack · 29 assets
Slate UI Starter — 29 matched kits
The Slate family in one place: nine-slice panels and buttons, HUD bars and 27 more matched kits. 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.
29 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
29 kits CC-BY-4.0
Slate Panel UI Kit — single-framed panels and buttons
18 dark slate interface sprites: single-framed nine-slice panels, a tooltip, a header bar, a divider, a chip and twelve square button states. SVG plus transparent PNG.
CC-BY-4.0
Slate HUD Bars — health, mana and stamina
16 dark slate HUD bar sprites: standard, slim and vertical frames, three banded fills in each, plus segmented, ghost and shield variants. SVG plus transparent PNG.
CC0-1.0
Slate Menu Icons — 24px outlined set
57 single-colour outlined dark slate menu icons on a 24×24 grid, including play, pause, settings and 54 more. Sheet plus individual files.
CC-BY-4.0
Slate UI Controls — checkbox, toggle and slider
19 dark slate interface controls: checkbox, radio, toggle, slider and stepper, with on, off, partial and disabled states drawn as different shapes. SVG plus PNG.
CC-BY-4.0
Slate Inventory Slots — 64px grid
13 64×64 dark slate inventory slots: empty, hover, selected, locked, blocked and drop states, round and hex equipment slots, a hotbar slot and three rarity frames.
CC-BY-4.0
Slate Backdrops
13 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
15 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
16 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
20 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
18 realistic card, currency and notification components for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Emblems
26 realistic crests, insignia and rank marks for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Cursors
12 realistic mouse cursors for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Map Markers
12 realistic map markers and world indicators for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Status Effects
12 realistic status effect frames and duration indicators for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Hit Effects
12 realistic impact and effect sprites for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Loading
20 realistic loading and waiting indicators for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Shop UI
12 realistic shop and economy widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Crafting UI
13 realistic crafting and recipe widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Quest Log
13 realistic quest log and objective widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Level Select
12 realistic level select and world map pieces for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Leaderboard
12 realistic leaderboard and achievement widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Party UI
13 realistic party and roster widgets for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Tutorial UI
12 realistic tutorial and onboarding markers for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
Slate Modals
15 realistic modal dialogs and system notices for dark interfaces — neutral slate with warm gold accents. SVG plus transparent PNG at 1x, 2x and 4x.
CC-BY-4.0
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.
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 — 29 matched kits — panel corners, button box and icon grid all line up, so the two can share a screen without anything being re-cut.