Design - System

I've used huge CSS frameworks in many projects, and at some point in development you'll find that you're only using fifteen percent of the framework or writing a lot of overrides. So you're setting up your post CSS plugin chain to remove unused CSS and then build time slows down ... maybe you know the rest of the story.

So I wondered how long would it take me to write dedicated css for one project and what kind of problems will I face. As a result this site only uses plain css and styled/jsx and it feels really good. In a future version of this page I will add the React component code and descriptions.

The base component architecture is strongly inspired by the css framework bulma which I enjoyed very much in previous projects, and I didn't want to reinvent the wheel.

Fonts

Open Sans - https://fonts.adobe.com/fonts/open-sans

Brandon Grotesque - https://fonts.adobe.com/fonts/brandon-grotesque

Colors

#D65746
#FF7F6E
#313943
#44CF8C
#2CAA6D
#e0e0e0

Title variants

H1 - title

H1 - title borderless

H2 - title

H3 - title

H4 - title

H5 - title
H6 - title

Columns

Column 1

Multiline

Column 2
Column 3
Column width 3
Column width 9
Column width 3
Column width 8 offset 1
Column

Progress Bar

15%