Design
Components
Develop
Resources
Introduction
Concept - Simply Personal
The If Visual Identity at a glance
Foundation
Layout
Spacing methods
Baseline grid
Responsive layout grid
Usage
How it works
Grid options
Baseline grid
Patterns
Hover effects
Data presentation
Selection controls
Content discovery vs Content browsing
Semantic components
Navigation in Single Page Applications
Logotype
Versions
Clear space and minimum size
Placement
Examples
Assets
Color
Overview
Palette
Basics
Primary
Secondary
Complementary
Support
Combinations
Dos and Do nots
Accessibility in typography
Related resources
Principles for background colors
Background color
Assets
Typography
Typeface overview
The type scale
Font size unit
Primary Typeface
Principles for headlines and sub-headings
Text Weight Principles
Readability and typographic rules
Fallback typeface
Usage
Heading - Largest
Heading - Larger
Heading - Large
Heading - Medium
Heading - Small
Heading - Smallest
Lead text
Body text
Meta text
Caption text
Assets
Text flow
Learn more
Iconography
Style overview
Categories
Color and background
Sizes
Usage
Accessibility
Product icons
Symbol icons
UI icons
Guidelines
Usability
Accessibility
Screen readers
Utils
Spacing
Usage with grid rows
Hidden
Responsive