Style Guide Pracitce

Choose an App to Practice With

1. Choose one of the 4 apps with screenshots on the template. 

2. Drag it over to the empty box on the artboard.

Copy Colors

HEX numbers, which use the RGB color space, are used for coded designs such as websites and apps.

1. Select the first black square under the "Color Palette" area

2. Click on the "Eyedropper" tool.

3. Click on a color in the app. This will change the color of the square.

4. Go to the "Properties" tab and click on the "Fill" color swatch.

5. Click the three lines in the right corner and make sure "RGB" is selected.

6. Copy the HEX # 

7. Paste the HEX # into the text box under the square.

8. Repeat for 5 more colors used in the app.

Copy Buttons

1. Use the eyedropper tool to copy the color of the buttons and the text color used in the buttons.

2. If the button shapes are not corners, adjust them to align with the shape:

   • Click on the button. 

   • White circles should show up inside of each corner.

   • Drag the white circles in to create more rounded corners.