Content

Consistency in UI design is concerned with making sure elements in a user interface are uniform. They'll look and behave the same way. This helps constantly prove a user's assumptions about the user interface, creating a sense of control, familiarity, and reliability.

Source: Career Foundry

Typography

Bootstrap native font

$font-family-sans-serif:
                            // Safari for macOS and iOS (San Francisco)
                            -apple-system,
                            // Chrome < 56 for macOS (San Francisco)
                            BlinkMacSystemFont,
                            // Windows
                            "Segoe UI",
                            // Android
                            "Roboto",
                            // Basic web fallback
                            "Helvetica Neue", Arial, sans-serif,
                            // Emoji fonts
                            "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

Headings and paragraphs

Heading	Modified Bootstrap
`<h2></h2>`	`font-size: 1.5em;`
`<h3></h3>`	`font-size: 1.2em;`

Font (Modified Bootstrap)

// Default font

font-size: 13px;

// Time and room

font-size: .85em;

Detail of course view — Detail of Course view

// Button labels

font-size: .8em;

// h3 column and row headers

font-size: 1.2em;

Detail of schedule view — Detail of schedule

// Tabs

font-size: 1.4em;

// h2 header

font-size: 1.5em;