Diagram Design vs Brand.yml

Diagram Design

By Cathryn Lavery

Create polished, on-brand diagrams and charts, from flowcharts to org charts and journeys.

Brand.yml

By Posit

Define your brand colors, fonts, and logos once, use them everywhere in Shiny and Quarto.

Diagram Design

• Draws 45 diagram and chart types, from flowcharts to user journeys and 2x2 matrices
• Matches your brand by pulling colors and fonts from your website
• Redraws existing draw.io, Mermaid, or Excalidraw diagrams in a cleaner style
• Sizes diagrams for docs, slides, social posts, or print
• Exports to PNG or SVG when you ask

Brand.yml

• Creates a single YAML file that stores your brand colors, fonts, and logo files
• Automatically applies your branding to Shiny web apps and Quarto documents
• Supports light and dark mode variants for colors and logos
• Integrates with Google Fonts and custom typography
• Works across HTML reports, dashboards, slides, and PDFs

Reach for Diagram Design when…

• You need a quadrant of projects by impact versus effort for a planning meeting
• You want a customer journey map or service blueprint for a strategy deck
• You have an ugly flowchart and want it to look professional
• You want every diagram your team makes to match your brand

Reach for Brand.yml when…

• You're setting up brand guidelines for a team's reports and dashboards
• You need consistent colors and fonts across multiple documents without manual styling
• You're creating Shiny apps or Quarto reports and want them to match your brand
• You want to update your brand palette once and have it apply everywhere