Proportions for JavaScript 📐

Organic, Mechanical and Musical Proportions for JavaScript

From The Elements of Typographic Style by Robert Bringhurst.

• General info
• Sass implementation

npm install proportions

Import the whole proportions object:

import proportions from 'proportions'

Or "destructure" it to only get a select few:

import { goldenSection } from 'proportions'

Available proportions:

export {
  doubleSquare,
  tallOctagon,
  tallHexagon,
  octagon,
  hexagon,
  tallPentagon,
  goldenSection,
  pentagon,
  shortPentagon,
  tallHalfOctagon,
  halfOctagon,
  truncatedPentagon,
  turnedHexagon,
  tallCrossOctagon,
  turnedPentagon,
  square,
  broadPentagon,
  broadCrossOctagon,
  broadHexagon,
  fullCrossOctagon,
  iso,
  octave,
  majorSeventh,
  minorSeventh,
  majorSixth,
  minorSixth,
  fifth,
  diminishedFifth,
  augmentedFourth,
  fourth,
  majorThird,
  minorThird,
  majorSecond,
  minorSecond,
  unison
}