Little Worlds / DESIGN & COMPONENTS

Little Worlds
Made of its own parts.

A small illustrated place should feel assembled by hand. The layer list exposes how the scene is made, with keyboard alternatives for every spatial action.

01 / Palette & type

Field paper, forest ink, meadow green and ochre sunlight. An original landscape frame surrounds expressive CC0 tree, grass and stone illustrations.

Field paper#f4f0e5

Forest#264636

Meadow#acc2a1

Ochre#f2d36a

Young Serif, a heavy, friendly old-style, brings a picture-book voice to the title; DM Sans handles dense layer controls, and mono labels identify scene dimensions.

02 / Composition & behavior

A piece/layer library, a landscape canvas and a position inspector. The canvas leads on mobile, followed by a two-column layer list and full keyboard controls.

No automatic floating scenery. A change to position, scale, lighting or layer order updates the scene directly.

Select a layer by name, use labeled sliders or arrow buttons, and change order with explicit forward/backward actions. No drag-only operation is required.

03 / Controls, including the edges

Inspect a component

A piece/layer library, a landscape canvas and a position inspector. The canvas leads on mobile, followed by a two-column layer list and full keyboard controls.

Component inventory (scroll to inspect)

01
Fifty-step undo/redo with grouped slider edits and scoped keyboard shortcuts
A piece/layer library, a landscape canvas and a position inspector. The canvas leads on mobile, followed by a two-column layer list and full keyboard controls.
02
Browser drafts with validated JSON backup and selective restore
Select a layer by name, use labeled sliders or arrow buttons, and change order with explicit forward/backward actions. No drag-only operation is required.
03
Four local Kitbitz CC0 illustrations
SVG composes local transparent WebP illustrations; Canvas exports the same coordinates as a 1000 × 700 PNG. Illustration sources are Kitbitz Nature and Ruins kits under CC0; the scene, editor and background are original.
04
Up to twelve editable, ordered layers
SVG composes local transparent WebP illustrations; Canvas exports the same coordinates as a 1000 × 700 PNG. Illustration sources are Kitbitz Nature and Ruins kits under CC0; the scene, editor and background are original.
05
Daylight/sunset and real PNG export
SVG composes local transparent WebP illustrations; Canvas exports the same coordinates as a 1000 × 700 PNG. Illustration sources are Kitbitz Nature and Ruins kits under CC0; the scene, editor and background are original.
06
An independent component book
SVG composes local transparent WebP illustrations; Canvas exports the same coordinates as a 1000 × 700 PNG. Illustration sources are Kitbitz Nature and Ruins kits under CC0; the scene, editor and background are original.
07
Select, tooltip & scroll area
Keyboard behavior is shared; this theme owns the popup colors, border, radius, type and focus.
08
Export & limits
A bounded scene study with four assets and twelve layers, not a full illustration library or cloud editor. Export before leaving the page.

04 / Form & feedback contract

A local preparation note. Try an empty submission, correct it, then export your actual input.

Your prepared note will appear here.

little worldsA SCENE AT A TIMEField notes / woodland no. 01SCENE EDITOR

SMALL PIECES, YOUR OWN PLACE

A clearing of your own.

50 steps · Ctrl / ⌘ Z

WOODLAND / 01Sunset light

1000 × 700A quiet place, built piece by piece.

Saved on this browser only. No account or server sync.