Engineering
Our engineering is underpinned by principles that celebrate both the integrity of code and the ambition to innovate. This manifesto champions excellence, advocates for the adoption of cutting-edge technologies, and fosters an environment of continuous intellectual growth.
Modular scale
How exactly do we decide on what a big heading should be? Is it 3em, or 3.5em? We usually decide on these arbitrarily based on whatever seems to work right. Doing it this way can cause a lot of inconsistencies. You may be using 3.2em at some place, but 3.3em at another.
Instead, set up your font sizes as relative percentages of other sizes. This is called a modular scale.
Why percentages?
Some designers rely on linear increments of font size. This isn't an ideal, and here's an example of why.
Modular scale
This system on relying on percentages is called a modular scale. Using the formula ms(n) = base × ration, you will be able to generate a list of font sizes you can use throughout your project. In this example below, we use 12pt, as the base font size, and 1.2 as the ratio.
Also see
This article was adapted from Rico's design notes. • Rico's design notes (slack.com - private) • Modularscale.com (modularscale.com) — Modular scale calculator • modularscale-sass (github.com) — Modular scale implementation in Sass
Dive into our latest musings and discoveries. Our blog is a window to the trends shaping the future and reflections on our journey.
Exploring horizons, sharing insights.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
Mashup Garage, a premier software development team, specialises in crafting exceptional products for startups and enterprises. With expertise in React, Elixir/Phoenix, and Ruby on Rails, we deliver solutions that meet your unique needs. Our mission is to bring value backed by decades of technical expertise and global co-founding experience.
What do you need help with?
Build a project
Build a team
Consult
Speak to someone
Expect a guaranteed response from us in 1-2 business days.
United Kingdom
London
Islington, London
+44 738 777 3405
Philippines
Manila
3F Topy IV Building, 3 Economia Road, Bagumbayan, Quezon City, 1110
+63 917 3084089