Style Guide Atx Web Designs
Branding
Favicon
Colors
Color Swatches
- #000000
- #b34e24
- #066
- #ff9900
- #ffffff
Color Palettes
- #000000
- #393939
- #494b4c
- #b34f27
- #943a15
- #a34222
- #066
- #235a5a
- #317977
- #f3993e
- #d88b37
- #bf7d30
- #fff
Typography
This is Heading 1
This is Heading 2
This is Heading 3
This is Heading 4
This is Heading 5
This is Heading 6
Intro
This is an introduction text. Lorem ipsum dolor sit amet, consectetur adipiscing elt. Cras dapibus vulputate diam eu pretium.
Text
This is text XXS
This is text XS
This is text base
This is text regular
This is text medium
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
List
Basic List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Flush List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Plain List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Tight Spacing Between
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
No Space Between
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Inline List
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Style Position Inside
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
List with Icon Outside
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Font
body font-family: "Helvetica";
h1font-family: "Helvetica",Verdana,Arial,sans-serif;
h2 font-family: "Helvetica",Verdana,Arial,sans-serif;
h3,h4,h5,h6 font-family: "Helvetica",Verdana,Arial,sans-serif;
p font-family: "Helvetica";
a, ul, li, blockquote, span font-family: "Helvetica";