Keep reading for FREE
We use small artboards while the devices we design for are huge. For example:
Designing for the smallest size allows scaling assets into the various sizes the different devices require while maintaining pixel-perfect rendering. 1 pt can be translated into 1,4 or 9 pixels at the @1x, @2x, and @3x sizes.
While the font sizes can vary and move away from the 8 multiplication, the line height will not.
For example, the Paragraph font size can be 15 pixels, but the line height should be a multiplication of 8, so 24px is an acceptable value.
Icons designed on an 8pt based grid will scale perfectly.
If you want to use icons in a different size, one recommendation is to design on a 16 x 16 pixel grid or a 20 x 20 grid. This way, you're covered for any size:16, 20, 24, 32, 40 etc.
The standard Bootstrap grid is a 12 column layout, with a 15px margin on each side of the column, resulting in a 30px gutter between columns plus 15px to the left and right of the grid.
The entirety of the grid is called Container. A container can be either fluid or responsive in size. A fluid container will always take the whole available width.
Rows should be 8px tall.
Maintaining a vertical rhythm when designing for mobile (web or apps) is vital since there isn’t much horizontal rhythm to work with.
A typographic system that is designed based on the 8pt grid will sit wonderfully on an 8pt vertical grid.
... using the extended framework for the 8pt grid: Typography, Icons and Layout.
The 8 point grid is the best go-to grid and can be applied to most digital design projects, especially product design.
MORE LIKE THIS
Ready for the next level?
Read Like a Pro
Explore the World’s
Take Your Ideas
Just press play and we take care of the words.
No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.
2 Million Stashers
Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.
Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.
This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!
Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.
I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!
Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.
Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.
Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.
Read & Learn
Access to 200,000+ ideas
Access to the mobile app
Unlimited idea saving & library
Unlimited listening to ideas
Downloading & offline access
Claim Your Limited Offer
Get Deepstash Pro
75% OFF | 1-Year Pro Subscription