SBX Style Tile

Ideas for what to include in the SBX Style Tile

Get Started. It's Free
or sign up with your email address
Rocket clouds
SBX Style Tile by Mind Map: SBX Style Tile

1. Common Style Tile Elements

1.1. Logo

1.2. Project name

1.3. 'Style Tile' w/ version #

1.4. Headings

1.4.1. H1-H6

1.4.2. Page heading

1.4.3. Section heading

1.4.4. Font, size & color info for each

1.5. Paragraph text

1.5.1. Intro paragraph

1.5.2. Regular body paragraph

1.5.3. Font, size & color info for each

1.6. Text anchor links

1.6.1. Regular

1.6.2. Hover

1.6.3. Font, size & color info for each

1.7. Adjectives (ex)

1.7.1. Informative

1.7.2. Uplifting

1.7.3. Friendly

1.7.4. Welcoming

1.8. Colors

1.8.1. 3-5

1.8.2. Shades

1.8.3. hex #

1.8.4. Primary

1.8.5. Secondary

1.9. Patterns & textures

1.9.1. 3-5

1.9.2. Patterns

1.9.3. Photo's

1.10. Buttons

1.10.1. 1-2

1.10.2. Active & Hover states

1.11. Full main navigation setup

1.12. Form elements

1.12.1. Checkboxes

1.12.2. Radio boxes

1.12.3. Inputs

1.12.4. Select boxes

1.13. Social icons

1.14. HTML module

1.15. Login form

1.16. Icons

1.17. Side navigation

1.18. Blockquote

1.19. Breadcrumbs

1.20. Dividers

2. Common SBX Design Elements

2.1. Logo

2.2. Main nav

2.3. Buttons

2.4. Slideshow

2.4.1. Photo

2.4.2. Title

2.4.3. Caption

2.4.4. Description

2.4.5. Learn more button

2.4.6. Next/Prev buttons

2.4.7. Pager

2.5. Social icons

2.6. Page title

2.7. Body content

2.8. Meta text

2.8.1. Author

2.8.2. Dates

2.9. Read more button

2.10. H1-H6

2.11. Sub nav

2.12. Search

2.13. Custom html module

2.13.1. Heading

2.13.2. Photo

2.13.3. Sub-heading

2.13.4. Text

2.13.5. Link and/or button

2.14. News module

2.14.1. Photo

2.14.2. Date

2.14.3. Title

2.14.4. Intro

2.14.5. Read more button

2.14.6. View more button

2.15. Forms

2.15.1. Primary button

2.15.2. Secondary button

2.15.3. Input

2.15.4. Textarea

2.15.5. Select

2.15.6. Radio

2.15.7. Checkbox

2.16. All the stuff on the Styling & Typo page

3. SBX Style Tile v1.0 Elements

3.1. Info

3.1.1. Project name

3.1.2. 'Style Tile'

3.1.3. Version #

3.2. Logo

3.3. Colors

3.3.1. 5 w/ box of shades

3.4. Patterns & Textures

3.4.1. 3-6 options

3.5. Typography

3.5.1. Page title

3.5.2. Meta (by author on date)

3.5.3. Intro paragraph

3.5.4. Sub heading

3.5.5. Divider

3.5.6. Body copy (1-3 paragraphs)

3.5.7. Blockquote?

3.5.8. Text link

3.5.8.1. Normal

3.5.8.2. Hover

3.6. Buttons

3.6.1. Primary

3.6.1.1. Normal

3.6.1.2. Hover

3.6.2. Secondary

3.6.2.1. Normal

3.6.2.2. Hover

3.7. Forms

3.7.1. Input (Search w/ icon?)

3.8. Adjectives

3.8.1. 4-6 words

3.9. Module chrome?

3.9.1. News list

4. Type Explorations (Typecast.com)

4.1. Page title

4.2. Meta (by author on date)

4.3. Intro paragraph

4.4. Sub heading

4.5. Body copy (1-3 paragraphs)

4.6. Blockquote