https://github.com/luandro/sketch-responsive-design-template

Basic Sketch template for responsive web design that includes Font Awesome icons and Bootstrap UI.
https://github.com/luandro/sketch-responsive-design-template

Last synced: about 6 hours ago
JSON representation

Basic Sketch template for responsive web design that includes Font Awesome icons and Bootstrap UI.

• Host: GitHub
• URL: https://github.com/luandro/sketch-responsive-design-template
• Owner: luandro
• Created: 2015-08-30T18:33:20.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-02T14:45:26.000Z (over 9 years ago)
• Last Synced: 2024-04-23T21:34:23.354Z (9 months ago)
• Homepage:
• Size: 20.8 MB
• Stars: 26
• Watchers: 9
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Sketch Bootstrap Template](https://github.com/luandro/sketch-responsive-design-template/blob/master/logo.png)

## Includes

- [Font-Awesome](https://fortawesome.github.io/Font-Awesome/) icons as grouped symbols.

- [Bootstrap UI Kit](http://bootstrapuikit.com/) _(Todo: add and organize icons and UI elements as symbols)_.

- [Bootstrap 3 Responsive Grid Template](https://dribbble.com/shots/2005501-Default-Bootstrap-3-Responsive-Grid-Template)

- [Sketch 3 Cheat Sheet](https://dribbble.com/shots/1522880-Sketch-3-Cheat-Sheet)

## Usage

To always have it available you should save this to your template ***File -> Save as Template***. 

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.

Holding ***CTRL L*** on any page will ***hide*** or ***show*** the responsive layout.

## Typography

| H1 | 36px | Bold    |     

| H2 | 30px | Bold    |

| H3 | 24px | Bold    |

| H4 | 18px | Bold    |

| H5 | 14px | Bold    |

| H6 | 12px | Bold    |

| p  | 16px | Regular |

## Contribute   

Contributions as very welcome, so please report any issues, and I'd gladly accept any pull requests.

## Credits

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.