Typography Scale vs Describe Design

Typography Scale

By JR Brugger (Design Workflow)

Build a professional text sizing system for websites and apps with consistent headings and body copy.

Describe Design

By Posit

Create visual design documentation for websites and apps with typography, color, and layout details.

Typography Scale

• Generates a mathematical scale of text sizes from captions to large headings
• Defines line heights and letter spacing for optimal readability
• Provides font weight and pairing recommendations
• Creates responsive rules so text scales gracefully on mobile devices
• Documents usage guidelines for each text style

Describe Design

• Analyzes website or app designs to identify typography systems and font choices
• Documents color palettes and how colors are used across components
• Describes layout patterns, spacing, and visual hierarchy
• Captures the overall design vibe and aesthetic direction
• Produces markdown documentation with visual references

Reach for Typography Scale when…

• You're designing a website, app, or marketing site and need consistent text sizing
• You want your headings and body copy to look harmonious without manual tweaking
• You're building a design system or brand guide
• You need typography rules that work across desktop and mobile

Reach for Describe Design when…

• You're creating brand guidelines or a design system document
• You need to hand off design specifications to a team or contractor
• You're reverse-engineering a competitor's visual language for inspiration
• You want to audit design consistency across your product