Resolve issue #2 - remove markdown files
This commit is contained in:
jinhojang6
parent
c6088f9586
commit
ad44f1f18e
115
codex.md
115
codex.md
|
|
@ -1,115 +0,0 @@
|
|||
# Codex
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Codex mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| ----------------------------------------------------------------- | ----------------------------------------------------------------- |
|
||||
| Codex primary mark - black | Codex primary mark - white |
|
||||
| [marks-Codex-Large-Black.png](codex/marks-Codex-Large-Black.png) | [marks-Codex-Large-White.png](codex/marks-Codex-Large-White.png) |
|
||||
| [marks-codex-large-black.svg](codex/marks-codex-large-black.svg) | [marks-codex-large-white.svg](codex/marks-codex-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
|
||||
| Codex lockup mark - vertical - black | Codex lockup mark - vertical - white |
|
||||
| [vertical_lockups-codex-large-black.svg](codex/vertical_lockups-codex-large-black.svg) | [vertical_lockups-codex-large-white.svg](codex/vertical_lockups-codex-large-white.svg) |
|
||||
| [Vertical-Codex-Large-Black.png](codex/Vertical-Codex-Large-Black.png) | [Vertical-Codex-Large-White.png](codex/Vertical-Codex-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
|
||||
| Codex lockup mark - horizontal - black | Codex lockup mark - horizontal - white |
|
||||
| [horizontal-Codex-Default-Large-Black.png](codex/horizontal-Codex-Default-Large-Black.png) | [horizontal-Codex-Default-Large-White.png](codex/horizontal-Codex-Default-Large-White.png) |
|
||||
| [horizontal_lockups-codex-default-large-black.svg](codex/horizontal_lockups-codex-default-large-black.svg) | [horizontal_lockups-codex-default-large-white.svg](codex/horizontal_lockups-codex-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Codex mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------------- | ---------------------------------------------------------------------------- |
|
||||
| Codex primary avatar | Codex primary banner |
|
||||
| [twitter-avatar-codex.svg](codex/twitter-avatar-codex.svg) | [Banner-Codex-Twitter-1600x800.png](codex/Banner-Codex-Twitter-1600x800.png) |
|
||||
| [twitter-avatar-codex.png](codex/twitter-avatar-code.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Codex Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
115
logos.md
115
logos.md
|
|
@ -1,115 +0,0 @@
|
|||
# Logos
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Logos mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------------------- | ---------------------------------------------------------------- |
|
||||
| Logos primary mark - black | Logos primary mark - white |
|
||||
| [marks-Logos-Large-Black.png](logos/marks-Logos-Large-Black.png) | [marks-Logos-Large-White.png](logos/marks-Logos-Large-White.png) |
|
||||
| [marks-logos-large-black.svg](logos/marks-logos-large-black.svg) | [marks-logos-large-white.svg](logos/marks-logos-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
|
||||
| Logos lockup mark - vertical - black | Logos lockup mark - vertical - white |
|
||||
| [vertical_lockups-logos-large-black.svg](logos/vertical_lockups-logos-large-black.svg) | [vertical_lockups-logos-large-white.svg](logos/vertical_lockups-logos-large-white.svg) |
|
||||
| [Vertical-Logos-Large-Black.png](logos/Vertical-Logos-Large-Black.png) | [Vertical-Logos-Large-White.png](logos/Vertical-Logos-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
|
||||
| Logos lockup mark - horizontal - black | Logos lockup mark - horizontal - white |
|
||||
| [horizontal-Logos-Default-Large-Black.png](logos/horizontal-Logos-Default-Large-Black.png) | [horizontal-Logos-Default-Large-White.png](logos/horizontal-Logos-Default-Large-White.png) |
|
||||
| [horizontal_lockups-logos-default-large-black.svg](logos/horizontal_lockups-logos-default-large-black.svg) | [horizontal_lockups-logos-default-large-white.svg](logos/horizontal_lockups-logos-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Logos mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| -------------------------------------------------------------- | -------------------------------------------------------------------------------- |
|
||||
| Logos primary avatar | Logos primary banner |
|
||||
| [twitter-avatar-logos.svg](logos/twitter-avatar-logos.svg) | [Banner-Logos-Twitter-1600x800.png](logos/Banner-Logos-Twitter-1600x800%201.png) |
|
||||
| [twitter-avatar-logos.png](logos/twitter-avatar-logos%201.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Logos Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
115
nimbus.md
115
nimbus.md
|
|
@ -1,115 +0,0 @@
|
|||
# Nimbus
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Nimbus mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| -------------------------------------------------------------------- | -------------------------------------------------------------------- |
|
||||
| Nimbus primary mark - black | Nimbus primary mark - white |
|
||||
| [marks-Nimbus-Large-Black.png](nimbus/marks-Nimbus-Large-Black.png) | [marks-Nimbus-Large-White.png](nimbus/marks-Nimbus-Large-White.png) |
|
||||
| [marks-nimbus-large-black.svg](nimbus/marks-nimbus-large-black.svg) | [marks-nimbus-large-white.svg](nimbus/marks-nimbus-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ |
|
||||
| Nimbus lockup mark - vertical - black | Nimbus lockup mark - vertical - white |
|
||||
| [vertical_lockups-nimbus-large-black.svg](nimbus/vertical_lockups-nimbus-large-black.svg) | [vertical_lockups-nimbus-large-white.svg](nimbus/vertical_lockups-nimbus-large-white.svg) |
|
||||
| [Vertical-Nimbus-Large-Black.png](nimbus/Vertical-Nimbus-Large-Black.png) | [Vertical-Nimbus-Large-White.png](nimbus/Vertical-Nimbus-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
|
||||
| Nimbus lockup mark - horizontal - black | Nimbus lockup mark - horizontal - white |
|
||||
| [horizontal-Nimbus-Default-Large-Black.png](nimbus/horizontal-Nimbus-Default-Large-Black.png) | [horizontal-Nimbus-Default-Large-White.png](nimbus/horizontal-Nimbus-Default-Large-White.png) |
|
||||
| [horizontal_lockups-nimbus-default-large-black.svg](nimbus/horizontal_lockups-nimbus-default-large-black.svg) | [horizontal_lockups-nimbus-default-large-white.svg](nimbus/horizontal_lockups-nimbus-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Nimbus mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------- | ------------------------------------------------------------------------------- |
|
||||
| Nimbus primary avatar | Nimbus primary banner |
|
||||
| [twitter-avatar-nimbus.svg](nimbus/twitter-avatar-nimbus.svg) | [Banner-Nimbus-Twitter-1600x800.png](nimbus/Banner-Nimbus-Twitter-1600x800.png) |
|
||||
| [twitter-avatar-nimbus.png](nimbus/twitter-avatar-nimbus.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Nimbus Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
115
status.md
115
status.md
|
|
@ -1,115 +0,0 @@
|
|||
# Status
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Status mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| -------------------------------------------------------------------- | -------------------------------------------------------------------- |
|
||||
| Status primary mark - black | Status primary mark - white |
|
||||
| [marks-Status-Large-Black.png](status/marks-Status-Large-Black.png) | [marks-Status-Large-White.png](status/marks-Status-Large-White.png) |
|
||||
| [marks-status-large-black.svg](status/marks-status-large-black.svg) | [marks-status-large-white.svg](status/marks-status-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ |
|
||||
| Status lockup mark - vertical - black | Status lockup mark - vertical - white |
|
||||
| [vertical_lockups-status-large-black.svg](status/vertical_lockups-status-large-black.svg) | [vertical_lockups-status-large-white.svg](status/vertical_lockups-status-large-white.svg) |
|
||||
| [Vertical-Status-Large-Black.png](status/Vertical-Status-Large-Black.png) | [Vertical-Status-Large-White.png](status/Vertical-Status-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
|
||||
| Status lockup mark - horizontal - black | Status lockup mark - horizontal - white |
|
||||
| [horizontal-Status-Default-Large-Black.png](status/horizontal-Status-Default-Large-Black.png) | [horizontal-Status-Default-Large-White.png](status/horizontal-Status-Default-Large-White.png) |
|
||||
| [horizontal_lockups-status-default-large-black.svg](status/horizontal_lockups-status-default-large-black.svg) | [horizontal_lockups-status-default-large-white.svg](status/horizontal_lockups-status-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Status mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------- | ------------------------------------------------------------------------------- |
|
||||
| Status primary avatar | Status primary banner |
|
||||
| [twitter-avatar-status.svg](status/twitter-avatar-status.svg) | [Banner-Status-Twitter-1600x800.png](status/Banner-Status-Twitter-1600x800.png) |
|
||||
| [twitter-avatar-status.png](status/twitter-avatar-status.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Status Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
115
vac.md
115
vac.md
|
|
@ -1,115 +0,0 @@
|
|||
# Vac
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Vac mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| ----------------------------------------------------------- | ----------------------------------------------------------- |
|
||||
| Vac primary mark - black | Vac primary mark - white |
|
||||
| [marks-Vac-Large-Black.png](vac/marks-Vac-Large-Black.png) | [marks-Vac-Large-White.png](vac/marks-Vac-Large-White.png) |
|
||||
| [marks-vac-large-black.svg](vac/marks-vac-large-black.svg) | [marks-vac-large-white.svg](vac/marks-vac-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
|
||||
| Vac lockup mark - vertical - black | Vac lockup mark - vertical - white |
|
||||
| [vertical_lockups-vac-large-black.svg](vac/vertical_lockups-vac-large-black.svg) | [vertical_lockups-vac-large-white.svg](vac/vertical_lockups-vac-large-white.svg) |
|
||||
| [Vertical-Vac-Large-Black.png](vac/Vertical-Vac-Large-Black.png) | [Vertical-Vac-Large-White.png](vac/Vertical-Vac-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
|
||||
| Vac lockup mark - horizontal - black | Vac lockup mark - horizontal - white |
|
||||
| [horizontal-Vac-Default-Large-Black.png](vac/horizontal-Vac-Default-Large-Black.png) | [horizontal-Vac-Default-Large-White.png](vac/horizontal-Vac-Default-Large-White.png) |
|
||||
| [horizontal_lockups-vac-default-large-black.svg](vac/horizontal_lockups-vac-default-large-black.svg) | [horizontal_lockups-vac-default-large-white.svg](vac/horizontal_lockups-vac-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Vac mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| ---------------------------------------------------- | ---------------------------------------------------------------------- |
|
||||
| Vac primary avatar | Vac primary banner |
|
||||
| [twitter-avatar-vac.svg](vac/twitter-avatar-vac.svg) | [Banner-Vac-Twitter-1600x800.png](vac/Banner-Vac-Twitter-1600x800.png) |
|
||||
| [twitter-avatar-vac.png](vac/twitter-avatar-vac.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Vac Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
115
waku.md
115
waku.md
|
|
@ -1,115 +0,0 @@
|
|||
# Waku
|
||||
|
||||
Last Updated: November 1, 2022 1:31 PM
|
||||
version: v0
|
||||
|
||||
<br/>
|
||||
|
||||
# Brand Marks
|
||||
|
||||
### Choosing the right mark
|
||||
|
||||
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Finally, we have created lockups for use in small applications, where simply shrinking down will make the features illegible. Only use these lockups (the name includes the prefix ‘small’) for sizes below 40px.
|
||||
|
||||
Please do not edit, change, distort, recolor, or reconfigure the Waku mark. Our mark is the primary brand element on our own properties, such as our websites and products.
|
||||
|
||||
<br/>
|
||||
|
||||
## Primary Mark
|
||||
|
||||
|  |  |
|
||||
| -------------------------------------------------------------- | -------------------------------------------------------------- |
|
||||
| Waku primary mark - black | Waku primary mark - white |
|
||||
| [marks-Waku-Large-Black.png](waku/marks-Waku-Large-Black.png) | [marks-Waku-Large-White.png](waku/marks-Waku-Large-White.png) |
|
||||
| [marks-waku-large-black.svg](waku/marks-waku-large-black.svg) | [marks-waku-large-white.svg](waku/marks-waku-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Vertical
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used arranged horizontally in a line.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
|
||||
| Waku lockup mark - vertical - black | Waku lockup mark - vertical - white |
|
||||
| [vertical_lockups-waku-large-black.svg](waku/vertical_lockups-waku-large-black.svg) | [vertical_lockups-waku-large-white.svg](waku/vertical_lockups-waku-large-white.svg) |
|
||||
| [Vertical-Waku-Large-Black.png](waku/Vertical-Waku-Large-Black.png) | [Vertical-Waku-Large-White.png](waku/Vertical-Waku-Large-White.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Lockup - Horizontal
|
||||
|
||||
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
|
||||
| Waku lockup mark - horizontal - black | Waku lockup mark - horizontal - white |
|
||||
| [horizontal-Waku-Default-Large-Black.png](waku/horizontal-Waku-Default-Large-Black.png) | [horizontal-Waku-Default-Large-White.png](waku/horizontal-Waku-Default-Large-White.png) |
|
||||
| [horizontal_lockups-waku-default-large-black.svg](waku/horizontal_lockups-waku-default-large-black.svg) | [horizontal_lockups-waku-default-large-white.svg](waku/horizontal_lockups-waku-default-large-white.svg) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
### Clearspace
|
||||
|
||||
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Waku mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
|
||||
|
||||
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
### Co-Branding
|
||||
|
||||
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
|
||||
|
||||
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
|
||||
|
||||
- All marks should be the same size
|
||||
- Priority is determined by order, not scale
|
||||
- All marks should be the same style
|
||||
- Do not mix lockups and non-lockups
|
||||
- Do not mix vertical lockups with horizontal lockups
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Social Assets
|
||||
|
||||
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
|
||||
|
||||
|
||||
|
||||
|  |  |
|
||||
| ------------------------------------------------------- | ------------------------------------------------------------------------- |
|
||||
| Waku primary avatar | Waku primary banner |
|
||||
| [twitter-avatar-waku.svg](waku/twitter-avatar-waku.svg) | [Banner-Waku-Twitter-1600x800.png](waku/Banner-Waku-Twitter-1600x800.png) |
|
||||
| [twitter-avatar-waku.png](waku/twitter-avatar-waku.png) |
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
# Presentation Template
|
||||
|
||||
Copy and save as a new presentation with a new title if you plan to make one from the template.
|
||||
Also, make sure to check the Layout pull-down for all the placeholder goodies.
|
||||
|
||||
[Waku Presentation Template MAKE A COPY](https://docs.google.com/presentation/d/1extQeoMdbY2VZbTZH0sNKOM0AGMzpXjGsq9eG44zWjo/edit?usp=drivesdk)
|
||||
Loading…
Reference in New Issue