visualizeby display
Menu
Get the skill

Docs / design-systems

Design-system references

Browse 103 design references for typography, colors, layouts, and components in visualize 0.8.0.

Use a design reference as a theme for one document. Each reference includes design guidance, tokens, and previews. The links below point to the 0.8.0 catalog.

Apply a theme to one document

Name the theme and the parts to preserve:

Apply Editorial to this report. Replace the project's visual styling for this
artifact only; keep its logo, content, section order, and behavior.

The agent applies the reference's typography, colors, spacing, surfaces, and components together. Project styling applies unless you approve an exception for this document. If your request conflicts with project guidance and the scope is unclear, the agent asks.

Applying a theme leaves the reference and project design files unchanged. Use teach to record project design guidance.

Compare themes

Ask Artifact Explore to compare themes such as Editorial and Swiss on the same content. Name which choices should stay fixed and which can vary. You can start without an existing layout. The agent waits for you to select a direction and ask to apply it.

Keep text readable against its background and use labels or other cues wherever color carries meaning. See color and typography comparisons for an example.

Reference catalog

Third-party names and trademarks belong to their respective owners. These packages provide visual references; theme usage does not grant rights to third-party logos, copy, or other proprietary assets, and no affiliation, sponsorship, or endorsement is implied.