Skip to content

Border Radius

Frames

And the strength of the idea they frame

Soft Ideas
Middle Weight
Strong Ideas

Is radius a variable that we are interested working with moving forward? Or, should we settle in on a standar border-radius for everthing?

Code Snippets

Border Radius Soft

CSS

css
._raidus-pill {
  border-radius: 50px;
}

HTML/CSS Class Name
html
_radius-pill

Border Radius Middle

CSS

css
._raidus {
  border-radius: 6px;
}

HTML/CSS Class Name
html
_radius

Border Radius Strong

CSS

css
._raidus-str {
  border-radius: 0px;
}

HTML/CSS Class Name
html
_radius-str

Where are things heading? The internet is softening up for sure!

Case Study

Gmail: gmail
Google: gmail

Netflix (Famously a square/strong border brand is even softening) gmail

Opal (designer camera brand) gmail

AuthO: gmail

Positioning

Should we see this change and ride the tailwind or buck the trend and tac against it?

Is the brand more...

...if here maybe
FIRE AND BRIMSTONE NOW!

Is this a dependent to some other first principle of the brand?

Explore and learn. Released under the MIT License.