Neatnik Design Language
Our design language is simple and bold, chunky and friendly. Playful and clean. You get the idea.
- Plain. Emphasize content, deprioritize frills.
- Simple. Fewer UI patterns means increased predictability.
- Nice. Just because something is plain and simple doesn’t mean it can’t look pleasant.
Vertically-inclined, the scrollbar. For horizontally-arranged elements, CSS’s grid does the heavy lifting.
“Why do two colors, put one next to the other, sing? Can one really explain this? no. Just as one can never learn how to paint.” — Pablo Picasso
- #333333 Primary text
- #000000 Secondary text
- #6A4C93 Purple accent
- #eedd00 Yellow accent
- #999999 Light gray
- #eeeeee Lighter gray
- #fafafa Lightest gray
- #1982C4 Links
Notices & Alerts
- #c41b25 Danger
- #fc8500 Warning
- #ffd53f Notice
- #239b46 OK
Bubbles can make important things stand out.
Just like this.
And can be used for notices.
Or even action confirmations.
And like this.
Font Awesome Pro icons are beautiful, especially the new dual-tone versions. Useful in conjunction with navigation or to support scanning where appropriate. Sometimes just used for fun, too.
Inter is an amazing typeface which feels right at home here.Aa Aa Aa Aa Aa Aa Aa Aa
Sphinx of black quartz, judge my vow.
Roomy and easy to read. Responsive. Used for displays of data only.
Accessible and consistent. Fun and inviting.