Pack · 29 assets

Sketch UI Starter — 29 matched kits

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

For games that look drawn rather than built — notebook adventures, puzzle games with a paper conceit, anything where a crisp vector rectangle would break the illusion.

29 kits drawn against the same rules, so they can sit in the same screen without anything looking borrowed: the same six off-white paper tones, the same single ink blue accent, the same 2.5 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

    Sketch HUD Bars — health, mana and stamina

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

    hand-drawn2 files89 kB
  • 57 outlined game menu icons on inked notebook tiles, shown large, laid out on a sheet grid, and again at actual 32 pixel sizeCC-BY-4.0

    Sketch Menu Icons — 32px outlined set

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

    hand-drawn2 files370 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

    Sketch Inventory Slots — 68px grid

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

    hand-drawn3 files292 kB
  • Sheet showing 13 hand-drawn background and overlay pieces from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Backdrops

    13 hand-drawn background and overlay pieces for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files305 kB
  • Sheet showing 58 hand-drawn tiles from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Tileset

    58 hand-drawn tiles for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files752 kB
  • Sheet showing 20 hand-drawn tiling surface textures from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Seamless Textures

    20 hand-drawn tiling surface textures for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files2.9 MB
  • Sheet showing 15 hand-drawn dialogue components from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Dialogue Kit

    15 hand-drawn dialogue components for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files395 kB
  • Sheet showing 15 hand-drawn navigation and input components from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Navigation Kit

    15 hand-drawn navigation and input components for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files179 kB
  • Sheet showing 16 hand-drawn heads-up display frames from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch HUD Frames

    16 hand-drawn heads-up display frames for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files227 kB
  • Sheet showing 20 hand-drawn progression and reward components from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Progression Kit

    20 hand-drawn progression and reward components for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files193 kB
  • Sheet showing 16 hand-drawn input prompt sprites from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Input Prompts

    16 hand-drawn input prompt sprites for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files172 kB
  • Sheet showing 18 hand-drawn card, currency and notification components from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Card Frames

    18 hand-drawn card, currency and notification components for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files675 kB
  • Sheet showing 26 hand-drawn crests, insignia and rank marks from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Emblems

    26 hand-drawn crests, insignia and rank marks for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files614 kB
  • Sheet showing 12 hand-drawn mouse cursors from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Cursors

    12 hand-drawn mouse cursors for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files55 kB
  • Sheet showing 12 hand-drawn map markers and world indicators from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Map Markers

    12 hand-drawn map markers and world indicators for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files186 kB
  • Sheet showing 12 hand-drawn status effect frames and duration indicators from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Status Effects

    12 hand-drawn status effect frames and duration indicators for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files167 kB
  • Sheet showing 12 hand-drawn impact and effect sprites from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Hit Effects

    12 hand-drawn impact and effect sprites for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files207 kB
  • Sheet showing 20 hand-drawn loading and waiting indicators from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Loading

    20 hand-drawn loading and waiting indicators for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files122 kB
  • Sheet showing 12 hand-drawn shop and economy widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Shop UI

    12 hand-drawn shop and economy widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files332 kB
  • Sheet showing 13 hand-drawn crafting and recipe widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Crafting UI

    13 hand-drawn crafting and recipe widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files179 kB
  • Sheet showing 13 hand-drawn quest log and objective widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Quest Log

    13 hand-drawn quest log and objective widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files261 kB
  • Sheet showing 12 hand-drawn level select and world map pieces from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Level Select

    12 hand-drawn level select and world map pieces for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files126 kB
  • Sheet showing 12 hand-drawn leaderboard and achievement widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Leaderboard

    12 hand-drawn leaderboard and achievement widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files480 kB
  • Sheet showing 13 hand-drawn party and roster widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Party UI

    13 hand-drawn party and roster widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files491 kB
  • Sheet showing 12 hand-drawn tutorial and onboarding markers from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Tutorial UI

    12 hand-drawn tutorial and onboarding markers for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files256 kB
  • Sheet showing 15 hand-drawn modal dialogs and system notices from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Modals

    15 hand-drawn modal dialogs and system notices for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files582 kB
  • Sheet showing 12 hand-drawn character sheet and stat widgets from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Sketch Character Sheet

    12 hand-drawn character sheet and stat widgets for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

    hand-drawn2 files288 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.