Done! v1.0.0


Get started with Done! easy to use Design System for building responsive, mobile-first sites, with a template starter page.


Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

Fonts & icons

We used Roboto for base font family and three free icon sets. Copy-paste the stylesheet <link> into your <head> before all other stylesheets.

Note: You don't have to use all the icons we included. You can remove icon sets.

Feather icons

Feather icons require a js file. Copy & paste this <script> before <body> tag.


Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following <script> s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Bootstrap, and then our JavaScript plugins.

Note: Plugins we used are optional. If you don't need them don't add them.

Starter Template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this: