{"id":2765,"date":"2026-10-09T13:36:02","date_gmt":"2026-10-09T13:36:02","guid":{"rendered":"https:\/\/www.inform-software.design\/corporate-type"},"modified":"2026-10-09T14:07:32","modified_gmt":"2026-10-09T14:07:32","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.inform-software.design\/en-us\/typography","title":{"rendered":"Typography"},"content":{"rendered":"
\n
\n
\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

<\/p>\n

The text in which INFORM speaks<\/strong><\/span><\/h2>\n

Typography not only determines what we communicate, but also how INFORM is perceived. It shapes the character of our visual identity and ensures clarity, recognizability, and consistent communication across both physical and digital media. <\/span><\/p>\n

With Bunday Sans\u2122, INFORM has a corporate typeface that combines technical precision with a clean, open, and modern look. Its various typefaces allow for a flexible typographic hierarchy\u2014from striking headlines to calm body text. <\/span><\/p>\n

Bunday Sans is complemented by Aptos Narrow as the designated system font. It is used in situations where technical availability and reliable communication across different work environments are required. <\/span><\/p>\n

Common typographic rules tie the two typefaces together into a consistent system and ensure typographic quality across different applications. <\/span><\/p>\n

<\/span><\/p>\n

Bunday Sans sets the tone. Aptos Narrow ensures the application works smoothly. <\/span><\/h1>\n

<\/span><\/p>\n

<\/p>\n

 <\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Two fonts. Two functions. <\/h2>\n

Bunday Sans\u2122<\/strong> is INFORM\u2019s corporate typeface and defines our typographic identity. It is used wherever the font is technically available. <\/p>\n

 <\/p>\n<\/div>\n

<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n

Two fonts. Two functions. <\/span><\/h2>\n

Aptos Narrow<\/strong> is the designated system font for applications where compatibility and interchangeability are paramount. It ensures reliable rendering when documents are shared or co-edited outside the controlled INFORM environment. <\/strong><\/p>\n

 <\/p>\n<\/div>\n

<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Both typefaces thus serve different purposes within a shared typographic system.<\/p>\n

Bunday Sans for brand identity. Aptos Narrow for compatibility. <\/strong><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Bunday Sans\u2122 \u2013 Our Corporate Typeface<\/h2>\n

Bunday Sans\u2122 is INFORM\u2019s corporate typeface. Its clean, open design combines technical precision with excellent readability and defines the typographic character of our visual identity. <\/p>\n

The typeface family offers a variety of styles for clearly defined typographic functions\u2014from calm body text to eye-catching headlines.<\/p>\n

 <\/p>\n

Bunday Sans gives INFORM a distinctive typographic voice.<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Typefaces \u2013 Hierarchy Through Weight<\/h2>\n

The weights of Bunday Sans serve different functions within the typographic hierarchy. Their use depends on content, size, and typographic emphasis. <\/p>\n<\/div><\/div>\n\n

<\/span><\/div>\n\n

SemiLight and SemiBold form the typographic foundation.
Bold adds emphasis. Thin and Heavy set the scene. <\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Typographic Hierarchy<\/h2>\n

The typographic levels create a clear hierarchy of information.<\/p>\n

As a general guideline, the font size of the text that follows is approximately
50% of the font size of the preceding text.<\/p>\n

Headline<\/strong> \u2013 most impactful level of information
Lead \/ Subline<\/strong> \u2013 introduces the content
Copy<\/strong> \u2013 conveys longer content
Caption<\/strong> \u2013 provides additional information<\/p>\n

 <\/p>\n

The hierarchy remains constant. The size depends on the application. <\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Sentence Structure and Reading Fluency<\/h2>\n

Left-justified justified text<\/strong> is the default alignment in INFORM Design OS. It ensures a clear reading flow and is suitable for most text and information formats. <\/p>\n

Justified text<\/strong> can be used for longer blocks of text<\/strong>, provided that word spacing and hyphenation allow for a balanced layout.<\/p>\n

Justified text<\/strong> is used specifically as a design element\u2014for example, on covers and title pages for short lists, contents, or facts. It is not intended for longer blocks of text. <\/p>\n

The center-aligned layout is suitable<\/strong>for short headlines, statements, and stylized text modules. It is not used for large blocks of text or functional UI\/UX applications. <\/p>\n

Line spacing<\/strong>
; headlines and lead copy: approx. 110%<\/strong>
; body copy and captions: approx. 120%<\/strong><\/p>\n

<\/strong><\/p>\n

Text alignment is determined by content, format, and function.<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Additional Basic Typographic Rules<\/h2>\n

Emphasis<\/strong>
In body text, emphasis is indicated by using bold type. Bold type can also be used to structure the text with subheadings. <\/p>\n

Text Color and Contrast<\/strong>
Text is generally displayed in black on light backgrounds and in white on dark backgrounds or images. Readability and sufficient contrast are always a priority. <\/p>\n

Captions<\/strong>
Captions provide additional information for images, graphics, and tables. They are set in SemiLight. Specific details can be highlighted in bold. <\/p>\n

Image and caption<\/strong>
. The spacing between the image and the accompanying text is 1.5 times the ascender height of the font used.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Typographic Details \u2013 Precision in Typesetting<\/h2>\n

Typographic details ensure a precise and consistent typeface. They define the use of spacing, punctuation and special characters, units, and formal conventions, thereby establishing binding standards for everyday use. <\/p>\n

They also address those details that often seem obvious when reading but are crucial for a consistent appearance. Clear writing styles and consistent typographic conventions make it easier to navigate the text and ensure that information is presented clearly and consistently.<\/p>\n

The rules apply across all media and promote readability, clarity, and typographic quality\u2014from individual characters to complete texts.<\/p>\n

Precision is evident in the details.<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Distances & Units \u2013 Setting Connections Correctly in
<\/h2>\n

To display numerical values and units, INFORM uses a clear,
functional spacing system. According to DIN 5008, numbers and units are separated by a non-breaking space to create a unique,
consistent, and indivisible connection.
The input format varies depending on the system. <\/p>\n<\/div><\/div>\n\n

<\/span><\/div>\n<\/div>\n\n
\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

The EM Dash\u2014A Visual Anchor for
Headlines<\/h2>\n

Unicode characters are useful when working with typographic characters.<\/p>\n

When using the em dash (a dash the width of the letter M) to position text above the headline, it should always maintain the same proportion to the font size.<\/p>\n

Here are two examples of how it can be used.<\/p>\n

EM Dash Unicode: 2014
Keyboard Input:<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>\n<\/div>\n\n
\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Additional Typographic Characters<\/h2>\n<\/div><\/div>\n\n
<\/span><\/div>\n\n

Quotation marks (guillemets)<\/strong>
Be sure not to use the \"\" characters here.
Unicode: 00AB (double opening) and 00BB (double closing)<\/p>\n

Keyboard Input<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>\n<\/div>\n\n
\n

...<\/span><\/h2>\n<\/div><\/div>\n\n
<\/span><\/div>\n\n

Bullet points<\/strong>
All bullet points should be set using the squares in the typeface.
Unicode: 2022<\/p>\n

Keyboard Input<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
<\/span><\/div>\n\n
<\/span><\/div>\n<\/div>\n\n
\n
<\/span><\/div>\n\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Formal Writing Conventions \u2013 Dates and Times<\/h2>\n<\/div><\/div>\n\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Formal Writing Styles \u2013 Addresses and Contact Information<\/h2>\n<\/div><\/div>\n\n
<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-2765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/pages\/2765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/comments?post=2765"}],"version-history":[{"count":2,"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/pages\/2765\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/pages\/2765\/revisions\/2966"}],"wp:attachment":[{"href":"https:\/\/www.inform-software.design\/en-us\/wp-json\/wp\/v2\/media?parent=2765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}