When to use a design system
Set one up if you want:- Decks, charts, and interactive apps to share the same colors, fonts, and logo.
- A team-wide look that anyone on your account can reuse.
- Retailer and distributor branded work (for example, UNFI) without describing the palette every time.
Creating a design system
From any session, ask the assistant to build one. For example:- Brand context — your brand or company name, website, and any colors, fonts, or logo you already have. If the brand publishes an official brand center, the assistant pulls the palette, typography, and logo from there instead of guessing.
- Logo — the assistant finds and downloads your real logo and shows it back inline.
- Palette — a strong palette with one primary color and one accent, presented as labeled swatches with hex codes and roles (primary, light, ink, muted, accent, positive, negative).
- Fonts and motif — a font pairing and a repeated visual motif that fit the brand.
- Brand board — the logo, palette swatches, font pairing, and motif on a single preview so you can see exactly what was picked.
- Sample slides and charts — 2–3 sample slides and at least two chart types rendered with the candidate palette, fonts, and logo, so you see the system working in each medium before saving.
- Iteration — adjust the palette, logo, fonts, or motif and the affected samples re-render until you approve.
- Save location — the assistant asks where to save:
- My Files (
/mnt/user/design_system/) — private to you. - Shared (
/mnt/shared/design_system/) — visible to everyone on your account.
- My Files (
Ready-made retailer kits
For retailer-facing work, you can skip setup and ask for the branding directly:- Cub Foods — Cub Foods Red and the Cub Foods logo with Arial.
How agents use a saved guide
When you ask for a presentation, chart, or app, the agent checks for a saved design system before choosing any colors. If one exists, it applies the relevant section:
If no design system is found, the agent offers to create one before continuing.
Supported chart fonts
Charts render reliably with Outfit (default), Roboto, Arial, and Calibri. Calibri renders through its open metric-compatible twin, Carlito, so charts stay faithful in browser previews and in headless exports such as emailed or PDF reports.Updating or replacing a guide
Saved design systems live in the virtual file system underdesign_system/design_system.md in My Files or Shared. To change your branding, either:
- Ask the assistant to update specific parts (for example, “swap the accent color to teal in our design system”), or
- Edit
design_system.mddirectly from the Files page.
