Golden Ratio, Divine Proportion, Design System, UI kit, Figma, Figma Design System,

The Golden Ratio

Design System

Divine proportion.

Design perfection.

Unleash your talent on creation's ultimate grid with the Golden Ratio Design System

Creation, mother nature, Golden Ratio, Divine Proporton, Design System, UI kit, Figma, Figma Design System,

mother nature

As used by the worlds most renowned creators. Ever.

Michelangelo, Golden Ratio, Divine Proportion, Design System, UI kit, Figma, Figma Design System

michelangelo

Leonardo da vinci, Golden Ratio Design System

leonardo da vinci

A system of beautiful design with harmony at its core.

The first System of Design built by using The Golden Ratio. Overflowing with an incredible 13,000+ Golden Ratioed components. From gorgeous typography scales to stunning colours. From beautiful, vibrant infographics to fabulous cards. And a powerful flexible Golden Ratio Grid that will align all your designs, regardless of screen size or device, with gorgeous, natural proportions.

By using the same design principles found throughout nature and in our most beautiful pieces of art and architecture, you’ll have everything you need to build balanced, harmonious designs, every time.

 

Wielding The Golden Ratio won’t just make you a better designer – it will change your game completely.

Golden Ratio, Divine Proporton, Design System, UI kit, Figma, Figma Design System, Grid, flexible component
Flexible Grids to fit any design

1000's of flexible Golden Ratio Grids to show you exactly where to place your designs to maximise their beauty.

Golden Ratio, Divine Proporton, Design System, UI kit, Figma, Figma Design System, CSS code, developer, CSS coded design system
Built for designers.
 Coded for developers.

From Golden Ratio design to Golden Ratio code. Match your designers vision by building grids with CSS Fractions.

Golden Ratio Typography Scale

Wield type knowledge like a pro. Two different font families – all Golden Ratio scale.

Beautiful Data Infographics

‘Wow’ your clients with these stunning Golden Ratio infographics.

Maths harmony in every design

Speed up your design knowledge. Master every design experience. No more guessing what looks great. Know.

Not just another Design System

This is a System of Design. A unique starting point for the creation of perfect proportions into every one of your designs.

Balance your designs in a visual system 
of perfect proportion.

Create with intuitive order using
 The Golden Ratio Design System.

Legendary
layout.
 Logical.

Harmonise your designs based on a timeless mathematical grid that ties in the smallest part with the largest to create a perfectly balanced 'whole.'

Perfect design every time.

Reflect the exact principles of the greatest artists and creators that have ever lived by aligning your designs to natures ultimate grid, time and time again.

Visual harmony as nature intended.

A harmony that the human senses finds hard
 to ignore. We are programmed to prefer Golden Ratio proportions. 

Quotation mark

This system is something different altogether. You can see it. It's made me way more confident throughout the entire design process. I've always had doubts you know, but this removes all of that. I'm now a better designer far sooner than I should have been, and I can't thank you enough. Bravo!

Raif Mitchell

UI/UX Designer – HSBC

Quotation mark

This is fantastic! One of the best design systems I've seen.

Pete Avey

Lead Product Designer - BP

Quotation mark

I'm not a great UI designer but I think this is great for people like me as I think it facilitates creating harmonious and well balanced visuals with more confidence. Really, really cool stuff, super impressed.

Simona Profuma

Senior Product Designer – Shell

Optimised for the Human mind.

And built with the power of Figma

Nature's design system is now your design system.

Perfect proportions. Impossible to ignore.

FREE Version

$0

Try our free version of The Golden Ratio Design System, includes basic styles, components and a restricted version of the amazing Golden Ratio Grid.

700+ Components and variants for total flexibility getting you to design faster.

1,000+ Icons for more choice, so you can deliver the right icon at the right time.

425 Colour, typography and effect styles so you have what you need to create stunning Ui designs.

60 Golden Ratio Grids making designs beautiful, and you 'better.' Never miss out on a contract again.

Detailed 65 page user guide to help you design better solutions, faster.

Advanced Version

$79

A single licence for solo designers, developers and freelancers.

One time payment. No Subscription so you can design forever without paying forever.

Single user licence. To use in unlimited personal or commercial projects.

11,500+ Components and variants for total flexibility getting you to design faster.

1,000+ Icons for more choice, so you can deliver the right icon at the right time.

Free updates to this system. As we get stronger, so will you.

425 Colour, typography and effect styles so you have what you need to create stunning Ui designs.

Auto layout power. Design once for multiple breakpoints and cut design time in half.

1,680 Golden Ratio Grids making designs beautiful, and you 'better.' Never miss out on a contract again.

Detailed 65 page user guide to help you design better solutions, faster.

Premium Version

$99

A single licence for designers, freelancers 
and developers. Includes more than Advanced, PLUS some seriously good Bonuses!

One time payment. No Subscription so you can design forever without paying forever.

Single user licence. To use in unlimited personal or commercial projects.

13,000+ Components and variants for total flexibility getting you to design faster.

1,000+ Icons for more choice, so you can deliver the right icon at the right time.

Free updates to this system. As we get stronger, so will you.

425 Colour, typography and effect styles so you have what you need to create stunning Ui designs.

Auto layout power. Design once for multiple breakpoints and cut design time in half.

1,680 Golden Ratio Grids making designs beautiful, and you 'better.' Never miss out on a project again.

Detailed 65 page user guide to help you design better solutions, faster.

Bonus #1  1,680 Fibonacci Grids. Ease out beautiful design moments to keep your bank manager happy.

Bonus #2  Desktop & Mobile 'Built With' examples so you can see how we create Golden Ratio designs.

Bonus #3 3 x HD tutorial videos, so you learn quickly and design with confidence.

Bonus #4  95 Page Book - A Beginners Guide to Ui/Ux Design, packed full of simple to follow exercises, you can be designing in minutes.

Bonus #5  Book - Earn £1000's more contracting every month. An easy-to-follow guide to increase your value so you can earn more money.

If you've got questions, we've got the answers.

So we'll try to answer them.

No other design system speaks to the human mind so deeply.

When it looks right, it's the Golden Ratio.

13,000+ components & variants

All built with Golden Ratio proportions, so you don't have to.

Avatars

186 variants + 26 styles

Golden Ratio Grid

1 component + 1,679 variants

Charts

8 components + 110 variants

Login & sign up

112 variants

Media player

4 components + 17 variants

Tables

3 components + 103 variants

Progress bars

3 components + 57 variants

Toggle + Checkbox

5 components + 347 variants

Slider

128 variants

Navigation

5 components + 2,222 variants

Buttons

2,500+ components & variants

Cards

40 components + 19 variants

Inputs & text area

1,600+ components & variants

Pagination

1 component + 255 variants

Tooltips

2 components + 50 variants

Modals & notifications

2 components + 30 variants

Footer

2 components + 34 variants

Calendar

1 component + 25 variants

Dropdown

1 components + 170 variants

Checkbox

1 component + 223 variants

Button groups

2 components + 84 variants

Testimonials

1 component + 23 variants

Chips

1 component + 62 variants

  • Instagram
  • Twitter
  • LinkedIn
  • YouTube