# graphics

**Repository Path**: zhou-linhao/graphics

## Basic Information

- **Project Name**: graphics
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-17
- **Last Updated**: 2021-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Logo
### Primary
<img src="https://github.com/PX4/officiallogos/blob/master/PX4_Logo_Black_RGB.png?raw=true" height="75">


### Secondary
<img src="https://github.com/PX4/officiallogos/blob/master/PX4_Favicon_RGB.png?raw=true" height="75">
The secondary logo can be used for avatars or social profile.
<br>
<br>

# Logo Spacing
<img src="https://px4.io/wp-content/uploads/2020/03/group-50.png" height="75">
Consistent spacing creates visual balance that makes the logo seen. When using the logo with other
graphic elements, make sure there is equal space all around. The empty space around the logo should
be the size of the 4 in the logo.
<br>
<br>

# Logo Usage
<div style="display: inline-block">
  <img src="https://px4.io/wp-content/uploads/2020/03/dont_stretch.png" height="125">
  <img src="https://px4.io/wp-content/uploads/2020/03/dont_use_other_colors.png" height="125">
  <img src="https://px4.io/wp-content/uploads/2020/03/dont_use_without_shape.png" height="125">
</div>
<br>
<div style="display: inline-block">
  <img src="https://px4.io/wp-content/uploads/2020/03/do_use_white.png" height="125">
</div>
<br>
Only show the logo in black when we can, but if not then we have to use the logo in white. Don’t
alter, rotate, or modify the logo and don’t use previous versions of the logo.
<br>
<br>

# Color Palette
<div style="text-align: center;">
  <img src="https://px4.io/wp-content/uploads/2020/03/color_palette.png" height="600">
</div>
*Used to signify states on the website. We use it for buttons, highlights on dropdowns, arrows,
selected checkmarks and radio buttons.
<br>
<br>

# Typography
<div style="text-align: center;">
  <img src="https://px4.io/wp-content/uploads/2020/04/typography_0.png" height="400">
</div>
<br>
<br>
<div style="text-align: center;">
  <img src="https://px4.io/wp-content/uploads/2020/04/typography.png" height="400">
</div>

<br>
<br>