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
  • Six outlined game menu icons on dark slate tiles, shown large, laid out on a sheet grid, and again at actual 24 pixel sizeCC0-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.

    realistic2 files26 kB
  • A row of square game inventory slots on a checkerboard background showing empty, hover, selected with corner ticks, and diagonally hatched locked states, followed by coloured rarity frames and a tiled eight-slot gridCC-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.

    realistic3 files42 kB
  • Sheet showing 7 realistic background and overlay pieces from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files35 kB
  • Sheet showing 58 realistic tiles from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files595 kB
  • Sheet showing 20 realistic tiling surface textures from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files1.5 MB
  • Sheet showing 7 realistic dialogue components from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files33 kB
  • Sheet showing 15 realistic navigation and input components from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files65 kB
  • Sheet showing 10 realistic heads-up display frames from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files57 kB
  • Sheet showing 11 realistic progression and reward components from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files101 kB
  • Sheet showing 16 realistic input prompt sprites from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files114 kB
  • Sheet showing 11 realistic card, currency and notification components from the Slate family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-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.

    realistic2 files136 kB

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.