Typography | LogicalNet Brand Guide

05 · Typography

Brand typography system

LogicalNet uses a three-typeface system: Sora for headings, DM Sans for body copy, and Outfit for the logo wordmark and site navigation. All three are free and open-source from Google Fonts.

Primary typeface

Primary · Sora

Sora

Used for all headings (H1–H4), hero text, section titles, and display copy.

Weights used: Regular (400), SemiBold (600), Bold (700)
Character: Geometric, modern, clean — projects confidence and clarity
Source: Google Fonts (free, open-source)

View Sora on Google Fonts

Secondary typeface

Secondary · DM Sans

DM Sans

Used for all body copy, UI labels, captions, navigation, and supporting text.

Weights used: Regular (400), Medium (500), SemiBold (600)
Character: Humanist sans-serif, highly legible at small sizes, warm and approachable
Source: Google Fonts (free, open-source)

View DM Sans on Google Fonts

Wordmark & navigation typeface

Wordmark & UI · Outfit

Outfit

LogicalNet

Used for the “LogicalNet” wordmark in the logo and for the site’s primary navigation, dropdown menus, and subnavigation links. Outfit’s geometric character reinforces the brand’s tech-forward identity and creates visual cohesion between the logo and the surrounding UI chrome.

Weights used: Regular (400), Medium (500), SemiBold (600), Bold (700)
Character: Geometric sans-serif, slightly rounded, contemporary and tech-forward
Where to use: Logo wordmark, top nav links, dropdown menu items, subnav links, button labels, download tiles
Where not to use: Headings (use Sora) or body copy (use DM Sans)
Source: Google Fonts (free, open-source)

View Outfit on Google Fonts

Type scale & hierarchy

The complete heading and body scale used across all LogicalNet communications.

Display / H1 · 48–64px · Bold

Hero Title

Used for hero headlines

H2 · 36–40px · Bold

Section Title

Used for section titles

H3 · 24–28px · SemiBold

Card Title

Used for card titles, subsections

H4 · 18–20px · SemiBold

Feature Label

Used for feature labels

Body Large · 18px · Regular

Used for hero descriptions and lead paragraphs at the top of sections.

Body · 16px · Regular

Standard body copy used throughout the site for general reading. Highly legible at this size with comfortable line height.

Body Small · 14px · Regular

Supporting copy, captions, and secondary information.

Label · 12–13px · SemiBold · Uppercase

Section Labels & Tags

Special treatments

Gradient Text

Security that protects.

Applied to select H1/H2 words using the teal→green gradient.

Teal Accent

Trusted Partner

Key phrases in teal within dark-background headlines.

Numeric Callouts

99.9%

Large bold numbers (48–72px, Sora Bold) for stats and metrics.

Brand Stewardship

Questions about brand usage?

Contact the marketing team for brand approvals, source files, or guidance applying the brand in specific situations.

Contact Marketing All Brand Sections