Difference between revisions of "Style Guide"
Jump to navigation
Jump to search
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
A long time ago, I created a script that would parse a CSS file and generate the unwritten style guide that's embodied in it. Until I resurrect that script, you might need to refer to other helpful resources on creating a [http://designmodo.com/create-style-guides/ Style Guide] | A long time ago, I created a script that would parse a CSS file and generate the unwritten style guide that's embodied in it. Until I resurrect that script, you might need to refer to other helpful resources on creating a [http://designmodo.com/create-style-guides/ Style Guide] | ||
| Line 10: | Line 8: | ||
padding-right: 12px; | padding-right: 12px; | ||
padding-top: 9px;"> | padding-top: 9px;"> | ||
| − | <span style="color:white;">This is a navline, or header | + | <span style="color:white;">This is a navline, or header</span></div> |
| − | <h2 style="color: #2c2c2c; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold;">Heading | + | <h2 style="color: #2c2c2c; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold;">Heading</h2> |
| − | <p style="color: #464946; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px;">This is paragraph text | + | <p style="color: #464946; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px;">This is paragraph text. Links within the text <a href="#" style="color: rgb(6, 51, 96);">are colored, and decorated for email</a></p> |
| − | <p style="color: #333333; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px;">This is darker text | + | <p style="color: #333333; display: block; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px;">This is darker text</p> |
</html> | </html> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
[[Category:Design]] | [[Category:Design]] | ||
[[Category:Marketing]] | [[Category:Marketing]] | ||
| − | |||
Revision as of 13:02, 12 May 2015
A long time ago, I created a script that would parse a CSS file and generate the unwritten style guide that's embodied in it. Until I resurrect that script, you might need to refer to other helpful resources on creating a Style Guide
Really Simple Example[edit | edit source]
This is a navline, or header
Heading
This is paragraph text. Links within the text are colored, and decorated for email
This is darker text
