Pack · 29 assets

Byte UI Starter — 29 matched kits

The Byte 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.

Pixel art for games that are not set underground. Everything is drawn on a light ground with hard pixel edges, which is a harder thing to get right than the dark version and the reason there is so little of it about.

29 kits drawn against the same rules, so they can sit in the same screen without anything looking borrowed: the same six cool bone tones, the same single signal teal 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
  • Three horizontal game status bars stacked on a checkerboard background, filled to different levels for health, mana and stamina, with a segmented 10-notch bar and three smaller bars beneath themCC-BY-4.0

    Byte HUD Bars — health, mana and stamina

    16 bright pixel HUD bar sprites: standard, slim and vertical frames, three banded fills in each, plus segmented, ghost and shield variants. SVG plus transparent PNG.

    pixel art2 files27 kB
  • 57 outlined game menu icons on bright pixel tiles, shown large, laid out on a sheet grid, and again at actual 24 pixel sizeCC-BY-4.0

    Byte Menu Icons — 24px outlined set

    57 single-colour outlined bright pixel menu icons on a 24×24 grid, including play, pause, settings and 54 more. Sheet plus individual files.

    pixel art2 files267 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

    Byte Inventory Slots — 56px grid

    13 56×56 bright pixel inventory slots: empty, hover, selected, locked, blocked and drop states, round and hex equipment slots, a hotbar slot and three rarity frames.

    pixel art3 files37 kB
  • Sheet showing 13 pixel art background and overlay pieces from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Backdrops

    13 pixel art background and overlay pieces for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files37 kB
  • Sheet showing 58 pixel art tiles from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Tileset

    58 pixel art tiles for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files151 kB
  • Sheet showing 20 pixel art tiling surface textures from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Seamless Textures

    20 pixel art tiling surface textures for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files364 kB
  • Sheet showing 15 pixel art dialogue components from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Dialogue Kit

    15 pixel art dialogue components for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files45 kB
  • Sheet showing 15 pixel art navigation and input components from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Navigation Kit

    15 pixel art navigation and input components for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files34 kB
  • Sheet showing 16 pixel art heads-up display frames from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte HUD Frames

    16 pixel art heads-up display frames for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files41 kB
  • Sheet showing 20 pixel art progression and reward components from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Progression Kit

    20 pixel art progression and reward components for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files52 kB
  • Sheet showing 16 pixel art input prompt sprites from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Input Prompts

    16 pixel art input prompt sprites for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files36 kB
  • Sheet showing 18 pixel art card, currency and notification components from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Card Frames

    18 pixel art card, currency and notification components for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files74 kB
  • Sheet showing 26 pixel art crests, insignia and rank marks from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Emblems

    26 pixel art crests, insignia and rank marks for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files107 kB
  • Sheet showing 12 pixel art mouse cursors from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Cursors

    12 pixel art mouse cursors for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files27 kB
  • Sheet showing 12 pixel art map markers and world indicators from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Map Markers

    12 pixel art map markers and world indicators for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files39 kB
  • Sheet showing 12 pixel art status effect frames and duration indicators from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Status Effects

    12 pixel art status effect frames and duration indicators for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files32 kB
  • Sheet showing 12 pixel art impact and effect sprites from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Hit Effects

    12 pixel art impact and effect sprites for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files42 kB
  • Sheet showing 20 pixel art loading and waiting indicators from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Loading

    20 pixel art loading and waiting indicators for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files45 kB
  • Sheet showing 12 pixel art shop and economy widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Shop UI

    12 pixel art shop and economy widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files39 kB
  • Sheet showing 13 pixel art crafting and recipe widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Crafting UI

    13 pixel art crafting and recipe widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files31 kB
  • Sheet showing 13 pixel art quest log and objective widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Quest Log

    13 pixel art quest log and objective widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files42 kB
  • Sheet showing 12 pixel art level select and world map pieces from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Level Select

    12 pixel art level select and world map pieces for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files32 kB
  • Sheet showing 12 pixel art leaderboard and achievement widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Leaderboard

    12 pixel art leaderboard and achievement widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files47 kB
  • Sheet showing 13 pixel art party and roster widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Party UI

    13 pixel art party and roster widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files51 kB
  • Sheet showing 12 pixel art tutorial and onboarding markers from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Tutorial UI

    12 pixel art tutorial and onboarding markers for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files41 kB
  • Sheet showing 15 pixel art modal dialogs and system notices from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Modals

    15 pixel art modal dialogs and system notices for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files51 kB
  • Sheet showing 12 pixel art character sheet and stat widgets from the Byte family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Byte Character Sheet

    12 pixel art character sheet and stat widgets for light interfaces — cool bone with signal teal accents. SVG plus transparent PNG at 1x, 2x and 4x.

    pixel art2 files55 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.