الصيف في حركة
Hover a swatch and the artifacts re-ink, because the board's palette became the project's variables.
The moodboard maker where direction becomes the work
Pull references, swatches and type onto one board, then promote the palette to design variables. Every cover, deck and post that follows reads the direction instead of guessing at it.
Reference walls whose palette becomes the project's variables.
The shared live canvas: a brand system re-inking the deck, posts and video beside it. Click in, grab a swatch, drag a tile.
Direction you set once and the work follows
Describe the direction and Shyne builds the wall: references at the sizes the argument needs, color chips with the hex on show, both type families set at real size. Taste gets agreed while changing it still costs a drag.
Most moodboard makers stop there, and the board dies in a tab while the real work starts from nothing. Here the board is the first frame of the project it directs.
The palette becomes design variables
Promote the board's swatches and type to the project brand: page, ink, accent and both type families, stored as design variables. Every deck, cover and post that follows reads those tokens, and a new swatch re-inks all of it at once.
The board stops being an illustration of the decision. It becomes the decision, in a form the next frame can execute.
The swatch you argued for is the token the work reads.
What goes on the board
References
Images sized by how much they matter, generated or searched without leaving the canvas.
Swatches
Color chips with the hex visible, ready to be promoted into the project's variables.
Type specimens
Both families set at the size they will run, because a font name alone proves nothing.
House rules
The notes that outlive the meeting, written on the board beside the work they govern.
The board sits beside the work it governs, so the covers get made from the direction, not near it.
Every AI works on the same moodboards canvas.
Bring the agent you already use. It reads the brief, sees the work and writes the next editable frame — no exported file, no paste, no drift.
Board the spring drop: warm neutrals, one clay accent, serif display. build the complete working system.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · canvas.write_html shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
Board the spring drop: warm neutrals, one clay accent, serif display. create three useful variants.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · canvas.create_variants shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
Board the spring drop: warm neutrals, one clay accent, serif display. compose the visual direction.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · media.compose shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
Board the spring drop: warm neutrals, one clay accent, serif display. turn the approved frame into code.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · canvas.read_html shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
Board the spring drop: warm neutrals, one clay accent, serif display. prepare the publishing pass.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · schedule.prepare shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
Board the spring drop: warm neutrals, one clay accent, serif display. run your own workflow on the canvas.
shyne · canvas.read moodboards✓
shyne · media.compose writes editable frames✓
shyne · mcp.call shared canvas✓
A reference wall with palette and type is now composed on the same live canvas.
One shared canvas
Every moodboards frame stays visible to people and agents at the same time.
Always on brand
Your colors, type and reusable assets stay attached to every moodboards variation.
Editable output
The result lands as real frames and objects, ready for the next human decision.
Media in context
Generate or place imagery where the composition needs it, without leaving the working surface.
Open to every agent
Claude, ChatGPT, Gemini, Cursor, Grok and your own agent work through the same MCP surface.
Ready to ship
Move from the approved canvas to the useful file, link or published format without rebuilding it.
Turn the board into artifacts by asking
The agent reads the direction straight off the canvas, so an ask lands in the board's palette and type without you retyping any of it into a prompt box.
- Make the lookbook cover from the second referenceA cover frame lands beside the board, in the clay accent and the type you specimened.
- Promote this palette to the project brandSwatches become design variables and every existing frame re-inks to match.
- Draft three launch posts in this directionA post grid appears in the same tokens, ready for the content calendar.
The launch grid reads the board's swatches and type, so the feed lands as one direction, not nine guesses.
One direction, carried through everything
The board, the covers, the deck and the launch posts share one set of variables on one canvas. When the direction shifts, you move a token and the whole project follows.
Nothing drifts off palette, because every frame reads the board.
Questions
How do I make a moodboard online?
Open a canvas and build the wall: reference images at the sizes the argument needs, color chips with the hex visible, both type families set at real size. Generate imagery in place or bring your own.
Can the moodboard set my brand colors and fonts?
Yes, that is the point. Promote the board's palette and type to design variables and every later frame, deck, cover or post, reads them automatically.
Can I present two directions to a client?
Duplicate the board, swap references, pull the palette colder, and set the two side by side. The client reacts on the canvas itself, cursors and all.
Can AI build the board for me?
Describe the direction and the agent assembles references, swatches and specimens on a frame. You then argue with it, which is faster than starting from a blank wall.
Start a moodboard
Reference walls whose palette becomes the project's variables.
Open Shyne →