├── .gitignore ├── README.md ├── Responsive Web Design.sketch └── logo.png /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | logo_design.sketch -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Sketch Bootstrap Template](https://github.com/luandro/sketch-responsive-design-template/blob/master/logo.png) 2 | 3 | ## Includes 4 | 5 | - [Font-Awesome](https://fortawesome.github.io/Font-Awesome/) icons as grouped symbols. 6 | - [Bootstrap UI Kit](http://bootstrapuikit.com/) _(Todo: add and organize icons and UI elements as symbols)_. 7 | - [Bootstrap 3 Responsive Grid Template](https://dribbble.com/shots/2005501-Default-Bootstrap-3-Responsive-Grid-Template) 8 | - [Sketch 3 Cheat Sheet](https://dribbble.com/shots/1522880-Sketch-3-Cheat-Sheet) 9 | 10 | ## Usage 11 | 12 | To always have it available you should save this to your template ***File -> Save as Template***. 13 | 14 | Just go to ***Insert > Symbols*** and choose the Font Awesome icon or Bootstrap component you’d like to include. The icons are organized alphabetically and aliases are included. 15 | 16 | Holding ***CTRL L*** on any page will ***hide*** or ***show*** the responsive layout. 17 | 18 | ## Typography 19 | 20 | | H1 | 36px | Bold | 21 | | H2 | 30px | Bold | 22 | | H3 | 24px | Bold | 23 | | H4 | 18px | Bold | 24 | | H5 | 14px | Bold | 25 | | H6 | 12px | Bold | 26 | | p | 16px | Regular | 27 | 28 | ## Contribute 29 | 30 | Contributions as very welcome, so please report any issues, and I'd gladly accept any pull requests. 31 | 32 | ## Credits 33 | 34 | Sketch Responsive Design Template uses sethlilly's [Font Awesome Symbols for Sketch](https://github.com/sethlilly/Font-Awesome-Symbols-for-Sketch), [Bootstrap UI Kit](http://bootstrapuikit.com/) by [alterplay](http://alterplay.com/), [Default Bootstrap 3 Responsive Grid Template](https://dribbble.com/shots/2005501-Default-Bootstrap-3-Responsive-Grid-Template) by Armando Sotoca and [Sketch 3 Cheat Sheet](https://dribbble.com/shots/1522880-Sketch-3-Cheat-Sheet) by Manuel Elbert. -------------------------------------------------------------------------------- /Responsive Web Design.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luandro/sketch-responsive-design-template/3cb2e9ba7f9d8732a3a5312dd3ab8a8718e4c569/Responsive Web Design.sketch -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/luandro/sketch-responsive-design-template/3cb2e9ba7f9d8732a3a5312dd3ab8a8718e4c569/logo.png --------------------------------------------------------------------------------