Style Guide

Outline of UI Elements for the CVS Sketch Style Guide

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

1. UI Kit

1.1. Organisms

1.1.1. Desktop

1.1.1.1. Header Logged In

1.1.1.2. Header Logged Out

1.1.2. Tablet

1.1.2.1. Header Logged Out

1.1.2.2. Header Logged In

1.1.3. Phone

1.1.3.1. Header Logged In

1.1.3.2. Header Logged Out

1.2. Templates

1.2.1. Desktop Starter

1.2.2. Tablet Starter

1.2.3. Phone Starter

1.3. Cursors & Gestures

1.3.1. Mac

1.3.1.1. Default

1.3.1.2. Pointer

1.3.1.3. Drag

1.3.2. Touch

1.3.2.1. Tap

1.3.2.2. Tap 2 Fingers

1.3.2.3. Double Tap

1.3.2.4. Double Tap 2 Fingers

1.3.2.5. Tap n Hold

1.3.2.6. Double Tap n Hold

1.3.2.7. Swipe Down

1.3.2.8. Swipe Down 2 Fingers

1.3.2.9. Swipe Up 2 Fingers

1.3.2.10. Swipe Right

1.3.2.11. Swipe Right 2 Fingers

1.3.2.12. Swipe Left

1.3.2.13. Swipe Left 2 Fingers

1.3.2.14. Pinch

1.3.2.15. Rotate Counter Clockwise

1.3.2.16. Rotate Clockwise

1.3.2.17. Rotate 1 Finger Counter Clockwise

1.3.2.18. Stop

1.3.2.19. Spread

1.4. Grids

1.4.1. XL Desktop

1.4.2. Desktop

1.4.3. Tablet

1.4.4. Phone

2. CVS Style Guide

2.1. Introduction

3. Style

3.1. Color

3.1.1. Color Palette

3.1.2. UI Guidelines

3.1.2.1. Text

3.1.2.2. Backgrounds

3.1.2.3. Dividers

3.1.2.4. Links

3.1.2.5. Alerts

3.2. Typography

3.2.1. Typefaces & Weights

3.2.2. Style & Scale

3.2.3. Color & Contrast

3.3. Imagery

3.4. Icons

4. Layout

4.1. Metrics & standards

4.2. Structure

4.3. Grids

5. Components

5.1. Buttons

5.1.1. Style

5.1.1.1. Default buttons

5.1.1.2. Buttons with icons

5.1.1.3. Slat action buttons

5.1.1.4. Default

5.1.1.4.1. Solid button

5.1.1.4.2. Solid button with border

5.1.1.4.3. Outlined button

5.1.1.4.4. Empty button

5.1.1.5. Buttons with action icons

5.1.1.6. Icon buttons

5.1.2. Color

5.1.2.1. Heirarchy

5.1.2.1.1. Primary button

5.1.2.1.2. Secondary button

5.1.2.1.3. Primary outlined button

5.1.2.1.4. Secondary outlined button

5.1.2.1.5. Primary empty button

5.1.2.1.6. Secondary outlined button

5.1.3. Specs

5.1.3.1. Default button

5.1.3.1.1. Normal

5.1.3.1.2. Small

5.1.3.2. Buttons with action icons

5.1.3.2.1. Normal

5.1.3.2.2. Small

5.1.3.3. Icon buttons

5.1.3.3.1. Normal

5.1.3.3.2. Small

5.1.3.4. Flexible widths

5.1.4. Usage

5.1.4.1. Combing buttons

5.1.4.1.1. Inline buttons

5.1.4.1.2. Stacked buttons

5.2. Alerts

5.2.1. Style

5.2.1.1. Default

5.2.1.2. Dismissable alert

5.2.2. Types & Color

5.2.2.1. Boxes

5.2.2.2. Close button

5.2.3. Specs

5.2.3.1. Default

5.2.3.2. Flexible dimensions

5.3. Tooltips

5.4. Tabs

5.5. Modals

5.6. Accordions

5.7. Slats

5.8. Hours

5.9. Progress indicators

5.10. Forms

6. Patterns

6.1. Ajax Overlay