Responsive Layout Split
Calculate the ideal golden-ratio split for main content and sidebar containers.
Main Content Area
890px
55.625rem
Sidebar Area
550px
34.375rem
Main
Sidebar
Formula:
Main = Width / 1.618
Sidebar = Width - Main
Golden Typography Scale
Generate a harmonious modular scale for your headings and body text.
Level
Value
Preview
Action
Atomic Calculator
Multiply or divide any single value by the golden ratio.
Multiply (Larger)
Divide (Smaller)
Calculated Result
161.8px
10.11rem