Image Gen Soul Project notes.

An open-source design skill for turning visual references into artwork, brandkits, and website layouts.

The Bedrock Brains robot reaching out a teal hand
Project
Image Gen Soul
Focus
Design workflows
Explore
Product & workflow

The problem.

A reference image does not specify the fonts, reusable artwork, or working controls a website needs. Those decisions need to stay consistent as the design moves into code.

Image Gen Soul website preview

How the workflow fits together.

  1. 01Choose an anchor for composition, treatment, subject, and color.
  2. 02Compose real typography, artwork, and color roles into a brandkit.
  3. 03Generate each page before implementing live text and semantic controls.
  4. 04Keep prompts, assets, and browser checks with the project.

Explore thecurrent project.

Visit the product site for available features and launch details. These notes describe the workflow shown there.

Visit Image Gen Soul (opens in a new tab)

Tell me what you need to build.

Start a project