NEAT LOANS DESIGN SYSTEM

Typography

As part of our efforts to create a distraction free online experience we exclusively use Noto Sans. This font is commissioned by Google and is an unmodulated (“sans serif”) font. It's design goal is to achieve visual harmonization (e.g., compatible heights and stroke thicknesses) across multiple languages. We use two different weights; 400 (normal) and 700 (bold). Scroll down to see our entire typography collection.

Heading 1

Hero Headers

Family: Noto Sans
Weight: 700 (Bold)
Size: 5 REM
Line Height: 1.1
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Heading 2

Section Headers

Family: Noto Sans
Weight: 700 (Bold)
Size: 3.75 REM
Line Height: 1.2
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Heading 3

Section Sub Headers

Family: Noto Sans
Weight: 700 (Bold)
Size: 2.25 REM
Line Height: 1.2
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Heading 4

Small Headers
Card Headers
Large Text Links

Family: Noto Sans
Weight: 700 (Bold)
Size: 1.375 REM
Line Height: 1.3
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Heading 5

Header Description

Family: Noto Sans
Weight: 400 (Normal)
Size: 1.25 REM
Line Height: 1.3
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Heading 6

Pre Titles

Family: Noto Sans
Weight: 700 (Bold)
Size: 1.125 REM
Line Height: 1.4
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Paragraph

Paragraph Texts

Family: Noto Sans
Weight: 400 (Normal)
Size: 1 REM
Line Height: 1.5
Letter Spacing: 0

The quick brown fox jumps over the lazy dog

Nav Links

Nav links in Header
Nav links in Footer

Family: Noto Sans
Weight: 400 (Normal)
Size: 1 REM
Line Height: 1.5
Letter Spacing: 0