Skip to content
6amDesign
v0.7.0 · PilotUse with AI
6am/Design system/Social media
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
    Posts, carousels and Stories have editable examples and AI briefs.

    The catalog includes illustrated posts, carousel families, vertical Stories and PNG exports.

    View supporting material ↗
  • Awaiting review
    The example collection has been approved for brand use.

    Review copy, illustration choice, hierarchy and reading size across the example set; approval is not recorded.

  • Needs work
    The team can save and resume a reviewed social draft.

    Add saved drafts and review history. Current edits last only for the open visit; JSON export does not restore them.

View all reviews · JSON ↗

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

Communication / Social media

One idea. Different ways to tell it.

Help people running a business understand a problem and see a practical next step. Choose an illustrated post, Story or carousel and create with the brand identity.

An image and a message working together.

Use the post as a composition example. The brief brings the scene, visual reference and copy together for your AI to create the next piece.

Preparing the illustrated post…

This preview uses the library image. Editing the scene updates the AI brief; it does not generate a new illustration here.

Prepare your next piece.

In use on the blog. Changing the reference keeps your copy and scene description.

The prompt includes the reference URL, style guidelines and composition copy. Local URLs only work on this computer; download and attach the image for an external AI.

Download referenceExplore styles
View the complete brief

Local draft. Edits stay when you switch templates; download the JSON to save your brief before leaving.

What holds the sequence together.

Pilot guidelines
01

The cover starts a conversation

Use a situation a business owner recognizes. One clear question or statement is enough. Avoid absolute promises and headlines that hide the point just to get a click.

02

One idea at a time

Each slide moves the conversation forward. Alternate explanation, example and action. Five slides are a starting point for these templates, not a requirement for every piece.

03

Write for the people doing the work

Prefer requests, customers, schedules and quotes to leads, pipelines and conversions. When a technical term is necessary, explain it in the sentence.

04

The rhythm is visual too

A dark cover, light content and lime closing form the initial sequence. Keep fonts, margins and the brand signature consistent. Visual changes should follow a change in the message.

05

Give the text room to breathe

Character limits are an initial check. Review line breaks and readability in the preview. If text will not fit at the minimum size, rewrite or split the idea; never hide overflow outside the artwork.

06

End with a practical action

Choose one relevant next step: try the tip, save it, start a conversation or explore the service. Avoid asking for several actions at once.

How to produce each piece.

From the first sentence to the final file: use this guide to write, compose and review with a consistent direction. Open the topic you need.

01Cover, development and closingGive each part of the conversation a clear job.
  • Cover: introduce a situation, question or specific benefit. The title should make sense alone; supporting text explains who it matters to.
  • Development: each slide answers the question left by the previous one. Connect sentences naturally instead of using disconnected headings.
  • Example: show the idea in a concrete situation. Distinguish an illustration from a real case supported by evidence.
  • Closing: return to the main idea and give one practical next step. Readers should know what to do without returning to the cover.

Avoid

Cover: “You need to know this.” Middle: five unrelated tips. Closing: “Like, save, share and contact us.”

Prefer

Cover: “The quote is sent. Who follows up?” Explain owner, timing and records. Close with “Plan the next conversation for this week’s quotes.”

02Hierarchy and text lengthShow the main point before the detail.
  • Use the title for the main idea, the body for explanation and metadata for series or position. An entire paragraph should not have cover-level emphasis.
  • These templates use the display family for titles, body for paragraphs and mono for numbering. Weights, sizes and line spacing appear in the specifications below.
  • Keep text left aligned. Review breaks that isolate a word, split a phrase or make the title difficult to read aloud.
  • A character limit is a filter, not a target. Remove repetition or split the explanation before shrinking text too far. Do not compress or stretch letters.

Avoid

“Optimize the integrated management of your commercial opportunity pipeline.”

Prefer

“Know who will answer each request.” Use the body to explain ownership and timing.

03Format, margins and cropsProtect the message when the piece changes size.
  • Choose the format before composing. Portrait supports feed sequences, square keeps things compact and vertical offers more room. These are proposed uses, not distribution guarantees.
  • Keep one format throughout a carousel. 6am presets use 1080 px width and 80 px side margins; do not mix canvas heights in a sequence.
  • Align logo, title, body and footer consistently. Keep numbering and the signature in the same position across slides of the same format.
  • Before publishing, check the channel preview: controls, captions and cover crops can cover parts of the image. Keep essential content in the visible area. No universal margin guarantees safety on every platform.

Avoid

Changing proportions midway through a carousel or placing the only CTA against the bottom edge.

Prefer

Compose in one format, check the cover in the channel preview, then adapt the whole sequence if needed.

04Color, signature and graphic elementsUse the identity to guide the reader.
  • The initial sequence uses a dark cover, light explanation, dark example and lime closing. Contrast marks the change in function while preserving the identity.
  • Use black on lime and white on black. Avoid lime on white for body text. Meaning must not depend on color alone.
  • Arrows show direction, numbers show position or steps, and lines separate content from the signature. Add symbols only when they help explain the piece.
  • Apply the official logo as a separate asset, preserving proportions and contrast. AI must not redraw it. Client and white-label work uses the responsible organization’s identity.

Avoid

A different color on every slide, several arrow styles and a logo recreated with a similar font.

Prefer

Repeat the grid and signature; change the background to distinguish explanation, example and next step.

05Photography, illustration and dataChoose the asset that explains or supports the point.
  • Photography: choose a recognizable action and one focal point. Preserve faces, gestures and tools when cropping. Leave a calm text area or use a solid text panel.
  • Illustration: explain an idea photography cannot show. Keep the editorial language; avoid robots, holograms and generic icons as substitutes for a story.
  • Data: identify the measure, period and context. Charts need clear labels and a scale that supports comparison. Do not invent values to fill the template.
  • Cases and testimonials: use authorized records and verified information. Generated scenarios can illustrate a possibility but must not appear to be real clients or results. The case-study template is fictional.
  • The editor includes text carousels and posts with library illustrations. Select a reference and describe the new scene for AI; the preview keeps the existing image. For photography, use the photography guide and image brief in this design system.

Avoid

An AI-generated team presented as a client’s staff, or a growth chart with no source or timeframe.

Prefer

An authorized work photo with context in the caption, or an image clearly identified as an illustration of a possibility.

06Caption, CTA and accessibilityComplete the conversation without repeating the entire artwork.
  • The caption adds context, conditions or a practical application. Avoid copying every slide into a long block; keep essential information available as accessible text.
  • Choose one main action and name its destination clearly. If the link is in the caption or profile, say where it is and check it works.
  • Write alt text for each image, preserving its message and relevant visual details. Review the editor’s draft; do not use alt text for keyword stuffing.
  • Review at phone size. Text, numbers and steps must remain readable. Use words and labels alongside colors and symbols.

Avoid

“Learn more” without a destination, with all offer conditions only inside an image.

Prefer

“Explore the website service. The link is in the caption.” Include the destination and relevant conditions in that caption.

07Single posts, Stories and video coversAdapt the idea to the way people will see it.
  • Single post: combine one idea, enough context and one action. Use the caption for detail. Do not shrink five slides into a single image.
  • Stories: allow enough time to read each screen. Preserve sequence order and leave space for the channel’s controls and interaction elements.
  • Video cover: choose a short title and an image with a focal point. Check the crops where it will appear; avoid relying on tiny text.
  • An adaptation keeps the promise and identity while changing pacing, text length and framing. The editor produces static images. Video, animation and native interactions need separate production.

Avoid

Shrinking a whole carousel into a Story or placing a long caption on a video cover.

Prefer

Use one carousel idea for a single post, separate the explanation into Stories and summarize the promise on a video cover.

08Review and handoverCheck the sequence, not just each image.
  • Read slides in order and aloud. The idea should move forward without contradictions, unnecessary repetition or sudden topic changes.
  • Check names, spelling, dates, numbers, the offer and CTA destination. Identify who verifies facts and approves the piece.
  • Check export size, file order, crops, contrast, logo and alt text. Open the downloaded PNG to inspect the result.
  • Save the JSON brief with the design system version, caption and final files. The editor keeps state only during the visit; downloading does not mean approval or publication.

Avoid

Approving only the cover and publishing without checking order, facts or the final link.

Prefer

Review the script, visual sequence and exports; then record approval and publish through the organization’s workflow.

Illustrated posts.

The scene introduces the idea; title and supporting copy complete the message. Generate the image first, then compose with official fonts and logo.

  • The image introduces the idea; the title makes it clear. Supporting text offers an application or next step.
  • Keep the whole image in its own area. Text and logo sit outside the illustration on a solid surface.
  • The preview uses a library asset. Editing the scene changes the brief; it does not generate a new image in the editor.
  • To create a new image, send the reference and brief to your AI, then compose title, supporting copy and the official logo as separate elements.
  • Review how the title and image relate. The scene should help explain the message, not just decorate the post.
Illustrated post specifications, in exported pixels
ElementComposition
IllustrationAn area covering 38% of the canvas height, with the whole image centered.
TitleBig Shoulders · 64–88 px · up to 60 characters.
Supporting textOnest · 32–36 px · up to 140 characters.
Spacing32 px between image and title, and title and supporting text. Side margins: 80 px.

Text carousel specifications.

Values in exported pixels, at 1080 px wide. The preview is scaled down on screen. Type sizes adjust within these limits to fit the content.

Type hierarchy for text carousels
RoleFont and sizeLine height
Cover and closingBig Shoulders · 76–132 px105%
Inner headingsBig Shoulders · 76–112 px105%
Supporting textOnest · 36–42 px140%
Labels and numberingGeist Mono · 24 pxSingle line

Keep 44 px between title and body and use the selected format’s side margins. Rewrite content that will not fit at the minimum size. These are 6am composition settings; review them in the final application.

The format changes. The message stays clear.

Templates use 1080 px wide canvases in three proportions. Titles use Big Shoulders, body copy uses Onest, with 80 px margins. The preview adjusts line breaks and blocks PNG export when text will not fit.

These are pilot composition settings. Check crops and areas covered by the channel interface before publishing.

Image and text working together.

Illustrated posts use our own library, with editorial, monochrome and outline profiles. The preview combines the selected image with text and the logo; the brief guides AI to create a new scene in that style. Photo uploads and cropping are not yet available in the editor.

Explore photography

From idea to publication.

Content and composition pilot. Review every piece before publishing. The caption adds context to the sequence. The JSON script includes an alt text suggestion for each slide, to review alongside the artwork.

  1. Choose the goal and content family before writing. Adapt the example to the business and audience.
  2. Review the whole script before layout. Each slide should add something.
  3. Use authorized photographs for evidence. Generated images can illustrate situations following the photography guide.
  4. Apply logo and text as separate composition elements. Preserve the official brand file.
  5. Check contrast, crops and readability at phone size. These formats are proposed 6am working canvases, not a guarantee of compatibility with every channel.
  6. Prepare captions and alt text for every image. Review facts, links, the offer and usage rights before publishing.

The same guidance for people creating with AI.

Open the JSON guide All AI resources