Scale — Styleguide

Metamn

Styleguide Scale

Scale

Description

Typographic grid and scale. Different font sizes based on the Modular Scale 4:3 Perfect Fourth settings.

Example

Default

The default font size and line height: font-size: 100%; line-height: 1.48

Small-1

Smaller than default font size with 1 scale: font-size: 0.75em

Large-1

Larger than default font size with 1 scale: font-size: 1.333em

Large-2

Larger than default font size with 2 scales: font-size: 1.777em

Styleguide menu

Framework

Framework
- Behavior
- Design
  - Colors
  - Decorations
  - Typography
    - Elements
      - Link
      - Ol
      - P
      - Ul
      - Uppercase
    - Fonts
    - Reset
    - Scale
    - Text style
- Helpers
- Structure
  - Breakpoints
  - Figure
  - Flexbox
    - Grid
    - Stretch
  - Intrinsic ratio
  - Semantic html5 titles

Project

Project
- Description
- Header
- Menu
- Service
- Services
- Slider
- Templates
- Thumb
- Title
- Work
- Works

Menu