Collect images, compose a moodboard, and carry its colors and typography into a reusable design kit.Collectimages,composeamoodboard,andcarryitscolorsandtypographyintoareusabledesignkit.
FORME moodboard with architectural references, notes and a colour palette.
01
Getting started
Add images, notes and links. Arrange them on the board, then choose colours and typefaces for the design kit.Add images, notes and links. Arrange them on the board, then choose colours and typefaces for the design kit.
02
The result
An editable moodboard, a PNG composition, design tokens, CSS variables, and a portable .forme project.An editable moodboard, a PNG composition, design tokens, CSS variables, and a portable .forme project.
03 / Case study
How it works
01
One document connects the reference library, board and design kit. Colours and type settings can be exported as CSS variables and tokens.One document connects the reference library, board and design kit. Colours and type settings can be exported as CSS variables and tokens.
02
“Saved” appears after the IndexedDB transaction completes. Web Locks and revision checks help detect conflicting edits across tabs.“Saved” appears after the IndexedDB transaction completes. Web Locks and revision checks help detect conflicting edits across tabs.
03
Image processing runs in a worker. A .forme import checks paths, sizes, checksums and image references within the document.Image processing runs in a worker. A .forme import checks paths, sizes, checksums and image references within the document.
04 / Case study
Project limits
A fixed 1400 × 1000 board and a single-browser workspace. No cloud collaboration or infinite canvas. The live interface is in Russian.A fixed 1400 × 1000 board and a single-browser workspace. No cloud collaboration or infinite canvas. The live interface is in Russian.
