Expression theme · Art direction guide
Let people see the result before placing and keep the stack after they place.
This expression theme makes the act of making feel certain through grid snapping and a placement preview.
#5fa83a#8a5a3b#9ca3af#60a5faClearly separated mid-saturation colors per material and a light gray grid
Separate materials clearly with mid-saturation colors and let the grid recede in light gray. Add texture patterns or marks so materials are not distinguished by color alone.
Square grid, cubes, the tray of a toolbox
Compose with a square grid, cubes, and a toolbox tray, showing the selected material and the target cell by shape.
Rounded sans-serif and short labels
Use a rounded sans-serif for short material and action labels, with quantities as numerals.
Give the work surface the center of the screen and fix the toolbox tray along one edge. Place controls where preview and confirmed states stay distinguishable.
Materials snap to the grid, stack up, and a preview of the placement is shown first
Show the placement preview first, snap the material to the grid, then confirm the stack one layer at a time. Undo retraces the same steps in reverse.
Skip the snapping and stacking motion; show the preview as a dashed outline and the confirmed placement as a solid outline with the material.
Do not reproduce an existing block game’s material look, characters, tool icons, logo, or layout. Derive the material categories and tools from the product’s own use.
Design an original interface and art direction in the Block construction expression theme. Palette: Clearly separated mid-saturation colors per material and a light gray grid. Shape: Square grid, cubes, the tray of a toolbox. Typography: Rounded sans-serif and short labels. Motion: Materials snap to the grid, stack up, and a preview of the placement is shown first. Show every state with cues that do not depend on color alone, keep text readable with sufficient contrast, make all controls keyboard-operable, and provide a reduced-motion alternative. Create original symbols, information architecture, characters, logos, and UI, and do not imitate any existing work. The expression theme controls only the visual treatment; the selected stimulus engine controls the interaction loop.