{ "schemaVersion": 1, "organization": "6am", "version": "0.7.0", "illustration": { "direction": "Editorial illustration with one clear idea, people in action and shapes that stay legible at small sizes. Visual references live in our own library.", "distinction": "Outline describes contours; monochrome describes a one-color palette. Flat editorial illustration remains the main 6am language. The other profiles support specific uses.", "rules": [ "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." ], "styles": [ { "id": "editorial", "name": "Flat editorial", "status": "Primary · in use", "description": "Scenes built from solid color, contrast and negative space. People and objects tell a short story.", "use": "Content covers, page openings, campaigns and slides with one central idea.", "avoid": "Enlarged icons, 3D objects, isometric perspective, gloss and excessive detail.", "prompt": "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." }, { "id": "monochrome", "name": "Single-color shapes", "status": "Complementary · under review", "description": "The same scene logic, reduced to one ink and the empty background. Silhouettes carry the message.", "use": "Limited palettes, supporting editorial work and compositions where photography would compete for attention.", "avoid": "Turning everything grayscale, losing silhouettes or filling important details with black.", "prompt": "Monochrome editorial illustration in one near-black ink #0A0C00 on white #FFFFFF. Build people and objects from solid shapes and negative space. Frontal view, simple forms and strong contrast. No uniform outer outlines, gray, other colors, gradients, hatching, 3D volume or texture. Preserve the action and clear silhouettes." }, { "id": "outline", "name": "Outline drawing", "status": "Supporting · under review", "description": "Consistent contours, open shapes and reduced detail. Lines explain the action without competing with text.", "use": "Process steps, service pages, instructions and small explanatory scenes.", "avoid": "Disappearing thin strokes, detailed technical drawings, hatching, arbitrary line weights or using the scene as a UI icon.", "prompt": "Supporting outline illustration: consistent medium-weight near-black #0A0C00 lines on white #FFFFFF. Open shapes, clean contours, few inner lines and generous empty space. Small solid fills only for details such as hair or shoes. Frontal scene with a recognizable human gesture. No gray, hatching, shadows, texture, gradients, isometric perspective or 3D." } ], "examples": [ { "id": "work-lime", "style": "editorial", "title": "The work begins", "src": "/assets/design/6am/illustrations/editorial-work-v1.webp", "width": 1200, "height": 630, "alt": "Editorial illustration of a person working at a table, lime light through the doorway and tools on the wall.", "status": "In use on the blog", "origin": "Existing 6am asset", "palette": [ "#0A0C00", "#FFFFFF", "#E3FF04" ], "paletteNote": "Black and lime signature; related flat tones can create light and depth.", "scene": "A person organizes the day’s orders in their workshop as morning light enters through the doorway." }, { "id": "shop-blue", "style": "editorial", "title": "A welcoming shop", "src": "/assets/design/6am/illustrations/editorial-shop-v1.webp", "width": 1200, "height": 630, "alt": "Editorial illustration of customers arriving at a shop, greeted at the door, with blue details.", "status": "In use on the blog", "origin": "Existing 6am asset", "palette": [ "#0A0C00", "#FFFFFF", "#6480F5" ], "paletteNote": "Editorial growth palette. Blue stays within this content family.", "scene": "A small shop welcomes customers at the start of the day, with the owner greeting them at the door." }, { "id": "shop-mono", "style": "monochrome", "title": "A scene in one ink", "src": "/assets/design/6am/illustrations/monochrome-shop-v1.png", "width": 1536, "height": 1024, "alt": "Monochrome study of a shop welcoming customers, built from black shapes and white negative space.", "status": "Generated study · under review", "origin": "Generated from the 6am editorial asset", "palette": [ "#0A0C00", "#FFFFFF" ], "paletteNote": "One ink plus the background, without grayscale.", "scene": "A small shop welcomes customers, with the owner greeting them at the door." }, { "id": "service-outline", "style": "outline", "title": "The gesture of service", "src": "/assets/design/6am/illustrations/outline-service-v1.png", "width": 1536, "height": 1024, "alt": "Line drawing of a person handing a bag to a customer across a shop counter.", "status": "Generated study · under review", "origin": "Generated for the 6am design system", "palette": [ "#0A0C00", "#FFFFFF" ], "paletteNote": "One-color lines with small supporting solid fills.", "scene": "A person hands an unbranded paper bag to a customer across a small shop counter." } ], "review": [ "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?" ] } }