Design Guidelines for Exporting Chart to PDF
Applies to: Kyvos Reporting
Kyvos Reporting enables seamless export of reports to PDF format while ensuring high visibility, clean layout, and consistency with the on-screen experience. The export design adheres to UI guidelines refined through industry research and user feedback. These guidelines help automate the export process—eliminating the need for manual pagination or formatting—and significantly reduce time to insight.
This section outlines the default formatting specifications followed when exporting reports to PDF.
Page and Content Area
Element | Style |
|---|---|
Page Size | Width: 595 pxHeight: 842 px (A4) |
Content Area | Width: 500 pxHeight: 746 px |
Chart Size | Width: 500 pxHeight: Based on chart dimensions |
Text Styling
Element | Font Family | Size | Weight | Line Height | Color |
|---|---|---|---|---|---|
Page Heading | Arial | 24 px | Regular | 28 px | #000000 (100% black) |
Page Description | Arial | 14 px | Regular | 22 px | #000000 (100% black) |
X-Y Axis Title | Arial | 11 px | Bold | 13 px | #333333 (80% black) |
Chart Label | Arial | 11 px | Regular | 13 px | #000000 (100% black) |
Legend | Arial | 11 px | Regular | 13 px | #000000 (100% black) |
Spacing and Padding
Element | Spacing |
|---|---|
Padding on all sides | 48 px |
Between title and description | 12 px |
Between description and chart | 24 px |
Between two charts | 60 px |
Note
If a grid or matrix exceeds the width of the standard A4 page, Kyvos Reporting automatically applies inbuilt custom settings to adjust the layout while preserving readability and design consistency.