Purpose

The primary font is the most visible and frequently used typeface within your brand’s visual identity. It’s used in most text elements across your digital platforms.

Characteristics

• Readability: Should be highly readable for long-form content like paragraphs.
• Versatility: Must work well in various sizes and weights without losing legibility.
• Brand Identity: Often reflects the brand’s personality, whether it’s professional, friendly, or innovative.

Usage

• Body Text: Ideal for the main content areas such as blog posts, articles, and detailed descriptions.
• Headings and Subheadings: Can be used for headers if it remains legible and complements the overall design.
• User Interface (UI) Text: Labels, buttons, and menu items often employ the primary font to maintain consistency and readability.

Columns in web design are arranged in a grid system, defined as percentages of the screen’s wide width to ensure flexible and responsive layouts. This structure allows for easy adaptation to various screen sizes. On mobile devices, columns automatically collapse into stacks, maintaining content accessibility and visual organization. This grid system provides a consistent framework for aligning elements harmoniously across different devices.

Spacing plays a crucial role in maintaining a clean and organized layout. The default spacing is set at 20px, with pre-defined presets increasing in 20px steps from 0 to 100px. This systematic approach allows for consistent application of space between elements, enhancing readability and visual flow, while preventing visual clutter across various designs.