Book & Journal UI

A pixel art book for your game menus: it opens, its pages turn, it closes. 4 covers, 2 sizes (384x224 for 480x270 games, 256x160 for 320x180), and a 259-piece paper kit drawn in ink so it sits on any page. For quest logs, inventories, bestiaries, maps, journals, settings and save menus in RPG, adventure, cozy and visual novel games.

Licence in one line: use it in your commercial games; do not resell the files. No credit required.

The books

• 4 covers that differ in more than colour: Adventurer (brown leather, brass corners, stitching, strap and buckle, compass), Royal (crimson, gold filigree, crown), Arcane (indigo, silver star corners, moon emblem, clasp), Ranger (green cloth, bronze leaf corners, elastic band).
• Open and close: 8 frames from the closed book to the open spread; play them backwards to close.
• Page turns forward and back: 9 frames each, as full frames and as two layers (the turning page, its shadow), so your own page content can sit underneath while the page turns.
• Two sizes with the same animations: 8 books, 512 book images in all. A JSON gives each page's writable area, the spine and where the tabs go.

The paper kit (259 pieces)

• 18 ink boxes and panels (5 styles in brown, red and blue ink), 5 title ribbons, 8 dividers and ornaments, 11 buttons with hover, pressed and disabled.
• Checkboxes, radio buttons, toggles, a slider, progress bars, a scrollbar, text field, dropdown, list rows, tooltip, close button and arrows.
• 8 item slots (32x32 and 48x48: normal, hover, selected, locked), dog-eared page corners for "next page" in 4 paper tones, 36 bookmark tabs (6 colours x normal, hover, selected x left and right) and 6 hanging bookmarks.
• 16 icons (bag, quests, map, bestiary, skills, settings, journal, relations, equipment, crafting, items, shop, party, save, achievements, help) in ink and in a light version for the tabs.
• Letters and notes: letter paper, parchment, torn note, 4 sticky notes, scroll pieces, photo corners, 10 stamps (COMPLETE, FAILED, NEW, ACTIVE, SECRET, blank...) and 10 wax seals.
• Animated letters: an envelope that opens (seal breaks, flap, letter out) and a scroll that unrolls.
• A map kit in the same ink (23 pieces): mountains, forests, towns, castle, tower, cave, ship, dotted paths that join, compass rose, X marks the spot. Plus 22 decorations (ink blots, coffee ring, paperclips, pins, tape, quill, inkwell, doodles) and 3 cursors.

Also in the box

• The font: Gridwright Story + Story Outline (13 px serif, 176 characters with Western European accents, TTF and BMFont) from our Pixel Fonts 2, the font in all the screenshots.
• 4 example spreads (quest log, inventory, map, settings + save game) built only from the kit.
• Every piece as its own PNG at 1x, 2x and 3x, sprite sheets with JSON (9-slice margins, stretch or tile), palette files (.hex, .gpl), README and LICENSE.

Why this pack

• Open, close and page turns in every cover, with the turning page as its own layer.
• One strict 16x16 grid; every size is in the README.
• The font is included.
• A free sample on this page: the Adventurer cover in both sizes with its animations, 50 kit pieces and the envelope.

Good to know

• The pages are blank: your text and pictures go on them. Everything shown on the pages in the screenshots is from this pack.
• Not included: engine project files, sounds, a backpack or a full-screen world map image.

How it was made

Every pixel is drawn by code (Python): no image generator, no third-party art. The opening cover and the turning page are projected from a small 3D model and re-outlined by hand-written rules. The drawing code was written with AI-assisted tools, which is why the page is tagged AI Assisted.

Missing a part or an animation? Tell us in the comments: the pack gets updates.