6am/Design system/Illustration

Section reviewNeeds work1 met · 1 to improve · 1 to review

What is in place, what needs improving, and what still needs a closer look. Each status refers only to the criterion below; it is not approval of the whole section.

Implementation inventory · 2026-09-08 · v0.7.0 · Brand approval not recorded

Meets criterion
Each available style includes a reference image and a reusable brief.
Editorial, monochrome and outline examples have local asset URLs and style prompts.
View supporting material ↗
Awaiting review
The style studies have been reviewed as a coherent brand family.
Review monochrome and outline studies alongside the editorial examples before treating them as approved.
Needs work
Details and strokes remain clear in small social placements.
Define minimum stroke and detail guidance using thumbnails and story previews.

View all reviews · JSON ↗

Read-only record. Updates are versioned with the design system; copying a brief does not change a status.

Image direction / Illustration

One clear idea. A drawing that helps tell it.

Editorial illustration with one clear idea, people in action and shapes that stay legible at small sizes. Visual references live in our own library.

Shapes, strokes and color have different roles.

Outline describes contours; monochrome describes a one-color palette. Flat editorial illustration remains the main 6am language. The other profiles support specific uses.

Primary · in use

Flat editorial

Scenes built from solid color, contrast and negative space. People and objects tell a short story.

When to use

Content covers, page openings, campaigns and slides with one central idea.

What to avoid

Enlarged icons, 3D objects, isometric perspective, gloss and excessive detail.

Complementary · under review

Single-color shapes

The same scene logic, reduced to one ink and the empty background. Silhouettes carry the message.

When to use

Limited palettes, supporting editorial work and compositions where photography would compete for attention.

What to avoid

Turning everything grayscale, losing silhouettes or filling important details with black.

Supporting · under review

Outline drawing

Consistent contours, open shapes and reduced detail. Lines explain the action without competing with text.

When to use

Process steps, service pages, instructions and small explanatory scenes.

What to avoid

Disappearing thin strokes, detailed technical drawings, hatching, arbitrary line weights or using the scene as a UI icon.

Choose the reference for your next image.

Library from 6am

Editorial illustration of a person working at a table, lime light through the doorway and tools on the wall.

The work begins

Black and lime signature; related flat tones can create light and depth.

In use on the blog · Existing 6am asset

Direct illustration URL

Download image Open original

Use the style. Tell another story.

What would you like to illustrate? (required)

Desired format

Prompt with visual reference

Create an illustration for 6am. Design system 0.7.0. Write any accompanying instructions in English.

The brand’s own visual reference: /assets/design/6am/illustrations/editorial-work-v1.webp

Open the reference image and follow its visual language. If your tool cannot open the URL, request an attachment; do not claim to have seen an inaccessible image.

Style: Flat editorial. 2D editorial illustration in frontal view with one composed scene and a clear idea. Filled geometric shapes, clear silhouettes, a limited palette and generous negative space. No uniform outlines around filled shapes. Create light and depth with color blocks; no gradients, gloss or 3D appearance. Human figures have natural gestures and coherent proportions.

New scene: A person organizes the day’s orders in their workshop as morning light enters through the doorway.

Palette: #0A0C00, #FFFFFF, #E3FF04. Black and lime signature; related flat tones can create light and depth.

Image format: 3:2. Preserve the main action, small-size readability and breathing room. Recompose without cropping essential people or tools.

The reference defines the style, not the exact scene. Adapt people, objects and setting to the new brief.

Start with what the image should explain. Use a recognizable work situation.

Use the selected image as a style reference. Change the scene to match the brief; do not copy characters and objects by default.

Keep one profile per piece or series. Do not mix outline and filled editorial shapes just to fill space.

A reference palette belongs to that application. Editorial colors do not become interface colors.

Add text, CTA and logo during composition. Image generation must not recreate the brand.

Review anatomy, gestures, tools, crops and readability. A generated image is a draft until reviewed.

Avoid in this profile: Enlarged icons, 3D objects, isometric perspective, gloss and excessive detail.

No words, letters, numbers, captions, logos or watermarks. Apply text and brand assets separately during composition.

Deliver as a study for review. Do not present the illustration as a real record of a client, team or result.

Changing the reference keeps your scene and updates the style, palette and URL in the prompt.

The AI needs image-reading capability to use the reference. If the tool accepts attachments, send the file with the prompt. In Soul 2.0 with an attached reference, use the text as a direction brief: that mode does not accept a text prompt.

This builder does not generate images or save edits when you leave. New library examples are studies for review.

What keeps the style consistent.

Start with what the image should explain. Use a recognizable work situation.
Use the selected image as a style reference. Change the scene to match the brief; do not copy characters and objects by default.
Keep one profile per piece or series. Do not mix outline and filled editorial shapes just to fill space.
A reference palette belongs to that application. Editorial colors do not become interface colors.
Add text, CTA and logo during composition. Image generation must not recreate the brand.
Review anatomy, gestures, tools, crops and readability. A generated image is a draft until reviewed.

Review the image you receive.

The prompt guides the result but does not guarantee it. Compare it with the selected reference before adding the new image to the library.

Does the image communicate an action or idea without text?
Is the chosen profile consistent in line, fill, palette and perspective?
Do people, hands and tools make sense?
Are silhouettes and gestures clear at the intended size?
Does the composition leave space for text added later?
Has the result been reviewed and identified as an illustration without implying evidence of a real case?

Library and rules in JSON Compose with text and branding