Skip to content

Commit 25e285f

Browse files
tuhaihetuhaihe
committed
Update Brand Guidelines
1 parent 4d07be5 commit 25e285f

21 files changed

+137
-91
lines changed

‎src/pages/community/brand.md‎

Lines changed: 137 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -1,116 +1,166 @@
11
---
22
title: Brand Guidelines
3-
description: Here is a comprehensive guide that explains how to download and use our logos, names, and fonts. This guide will provide you with all the necessary information you need to know to use our branding materials.
3+
description: Here is a brief guide that explains how to download and use our logos, names, and fonts. This guide will provide you with all the necessary information you need to know to use our branding materials.
44
---
55

6-
Welcome to the Brand Guide for Cloudberry Database!
6+
Welcome to the Brand Guide for Apache Cloudberry!
77

88
We're excited to share with you the insights and inspiration behind
99
our project's visual identity. This guide is designed to walk you
1010
through the key elements of our logo, its usage, and its significance
1111
in reflecting the essence of our ambitious project. So, get ready to
12-
dive deep into the world of Cloudberry Database.
12+
dive deep into the world of Apache Cloudberry.
1313

14-
## Cloudberry Database logo
14+
## Apache Cloudberry logo
1515

1616
:::info Download
1717

18-
You can download all the logo files from our
19-
[artwork@GitHub](https://github.com/cloudberrydb/artwork), including
20-
different versions, and formats.
18+
You can download all the logo files from our [Apache Project logos
19+
site](https://www.apache.org/logos/#cloudberry), including different
20+
versions, and formats.
2121

2222
:::
2323

24-
Our project's formal name is "Cloudberry Database". If you mention it,
25-
please use the full name if you can.
26-
27-
![Cloudberry Database Full Logo](/img/brand-guide/cloudberry-database-full-logo.jpg)
28-
29-
:::caution
30-
31-
In some situations, people probably use "CBDB", "CloudberryDB" for
32-
short. We don't encourage this way but recognize it can be beneficial
33-
to communicate with others efficiently.
34-
35-
:::
36-
37-
### Logo mark
38-
39-
Our logo mark is a combination of "cloud" and "cloudberry".
40-
41-
![Cloudberry Database Logo Mark](/img/brand-guide/logo-mark.png)
42-
43-
### Logo versions
44-
45-
We also offer various logo versions that are commonly used in many
46-
marketing scenarios. These options are available for your use as
47-
deemed appropriate for the specific situation.
48-
49-
| ![Background White](/img/brand-guide/black-logomark.jpg) | ![Background Black](/img/brand-guide/black-full-logo.png) |
50-
|-------------------------------------------------------------------------|--------------------------------------------------------------------------|
51-
| *Black logo mark* | *Black full logo* |
52-
53-
### Clear Space
54-
55-
![Clear Space](/img/brand-guide/clearspace.jpg)
56-
57-
The Cloudberry Database logo requires ample clear space for optimal
58-
clarity. This area should remain free from any visual components at
59-
all times.
60-
61-
### Backgrounds
62-
63-
Use the Cloudberry Database logos with the following backgrounds to
64-
have a better image.
65-
66-
| ![Background White](/img/brand-guide/background-1.jpg) | ![Background Black](/img/brand-guide/background-2.jpg) |
67-
|-----------------------------------------------------------------------|-----------------------------------------------------------------------------|
68-
| ![Background Grey](/img/brand-guide/background-3.jpg) | ![Background Pink Orange](/img/brand-guide/background-4.jpg) |
69-
70-
### Colors
71-
72-
#### Primary palette
73-
74-
Our Cloudberry Database's primary brand colors are Berry Orange, Berry
24+
### Full logos
25+
26+
#### Horizontal version
27+
28+
<table>
29+
<tr>
30+
<th>Name</th>
31+
<th>PNG</th>
32+
<th>SVG</th>
33+
</tr>
34+
<tr>
35+
<td>Primary logo</td>
36+
<td style={{backgroundColor: '#CCCCCC'}}>
37+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-1.png" /></td>
38+
<td style={{backgroundColor: '#CCCCCC'}}>
39+
<img src="https://www.apache.org/logos/originals/cloudberry-1.svg" /></td>
40+
</tr>
41+
<tr>
42+
<td>Color logomark + White wordmark</td>
43+
<td style={{backgroundColor: '#CCCCCC'}}>
44+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-4.png" /></td>
45+
<td style={{backgroundColor: '#CCCCCC'}}>
46+
<img src="https://www.apache.org/logos/originals/cloudberry-4.svg" /></td>
47+
</tr>
48+
<tr>
49+
<td>Full black logo</td>
50+
<td style={{backgroundColor: '#CCCCCC'}}>
51+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-3.png" /></td>
52+
<td style={{backgroundColor: '#CCCCCC'}}>
53+
<img src="https://www.apache.org/logos/originals/cloudberry-3.svg" /></td>
54+
</tr>
55+
<tr>
56+
<td>Full white logo</td>
57+
<td style={{backgroundColor: '#CCCCCC'}}>
58+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-2.png" /></td>
59+
<td style={{backgroundColor: '#CCCCCC'}}>
60+
<img src="https://www.apache.org/logos/originals/cloudberry-2.svg" /></td>
61+
</tr>
62+
</table>
63+
64+
#### Vertical version
65+
66+
<table>
67+
<tr>
68+
<th>Name</th>
69+
<th>PNG</th>
70+
<th>SVG</th>
71+
</tr>
72+
<tr>
73+
<td>Primary logo</td>
74+
<td style={{backgroundColor: '#CCCCCC'}}>
75+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-5.png" /></td>
76+
<td style={{backgroundColor: '#CCCCCC'}}>
77+
<img src="https://www.apache.org/logos/originals/cloudberry-5.svg" /></td>
78+
</tr>
79+
<tr>
80+
<td>Color logomark + White wordmark</td>
81+
<td style={{backgroundColor: '#CCCCCC'}}>
82+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-8.png" /></td>
83+
<td style={{backgroundColor: '#CCCCCC'}}>
84+
<img src="https://www.apache.org/logos/originals/cloudberry-8.svg" /></td>
85+
</tr>
86+
<tr>
87+
<td>Full black logo</td>
88+
<td style={{backgroundColor: '#CCCCCC'}}>
89+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-7.png" /></td>
90+
<td style={{backgroundColor: '#CCCCCC'}}>
91+
<img src="https://www.apache.org/logos/originals/cloudberry-7.svg" /></td>
92+
</tr>
93+
<tr>
94+
<td>Full white logo</td>
95+
<td style={{backgroundColor: '#CCCCCC'}}>
96+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-6.png" /></td>
97+
<td style={{backgroundColor: '#CCCCCC'}}>
98+
<img src="https://www.apache.org/logos/originals/cloudberry-6.svg" /></td>
99+
</tr>
100+
</table>
101+
102+
### Logo marks
103+
104+
<table>
105+
<tr>
106+
<th>Name</th>
107+
<th>PNG</th>
108+
<th>SVG</th>
109+
</tr>
110+
<tr>
111+
<td>Color logomark</td>
112+
<td style={{backgroundColor: '#CCCCCC'}}>
113+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-9.png" /></td>
114+
<td style={{backgroundColor: '#CCCCCC'}}>
115+
<img src="https://www.apache.org/logos/originals/cloudberry-9.svg" /></td>
116+
</tr>
117+
<tr>
118+
<td>Black logomark</td>
119+
<td style={{backgroundColor: '#CCCCCC'}}>
120+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-11.png" /></td>
121+
<td style={{backgroundColor: '#CCCCCC'}}>
122+
<img src="https://www.apache.org/logos/originals/cloudberry-11.svg" /></td>
123+
</tr>
124+
<tr>
125+
<td>White logomark</td>
126+
<td style={{backgroundColor: '#CCCCCC'}}>
127+
<img src="https://www.apache.org/logos/res/cloudberry/cloudberry-10.png" /></td>
128+
<td style={{backgroundColor: '#CCCCCC'}}>
129+
<img src="https://www.apache.org/logos/originals/cloudberry-10.svg" /></td>
130+
</tr>
131+
</table>
132+
133+
### More variants
134+
135+
| Name | PNG |
136+
|-----------------------|-------------------------------------------------------------------------------------------|
137+
| Apache Incubator Ring | <img src="https://www.apache.org/logos/res/cloudberry/cloudberry-12.png" width="500px" /> |
138+
| Powered By Ring | <img src="https://www.apache.org/logos/res/cloudberry/cloudberry-pb.png" width="500px" /> |
139+
140+
## Colors
141+
142+
### Primary palette
143+
144+
Our Apache Cloudberry's primary brand colors are Berry Orange, Berry
75145
Yellow, Back, and White.
76146

77-
![Primary palette](/img/brand-guide/primary-palette.jpg)
78-
79-
#### Secondary palette
80-
81-
The secondary palette features a diverse set of supporting colors that
82-
helps provide additional balance and range. Secondary colors should be
83-
used sparingly throughout the system in order to maintain optimal
84-
effect and a consistent look and feel.
147+
![Primary palette](/img/brand-guide/primary-palette.png)
85148

86-
![Secondary palette](/img/brand-guide/secondary-palette.jpg)
149+
## What to avoid
87150

88-
### What to avoid
89-
90-
| ![avoid-1](/img/brand-guide/avoid-1.png) **Don't alter, crop, skew, outline, distort or recreate the logo** | ![avoid-2](/img/brand-guide/avoid-2.jpeg) **Don’t use the full-color logo on an unapproved background color or low-contrast photo** | ![avoid-3](/img/brand-guide/avoid-3.png) **Don’t display the Cloudberry Database name without the logo mark** |
91-
|----------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------|
92-
| ![avoid-4](/img/brand-guide/avoid-4.png) **Don’t use the full-color logo on the core color backgrounds** | ![avoid-5](/img/brand-guide/avoid-5.png) **Don’t change the orientation of the logo mark** | ![avoid-6](/img/brand-guide/avoid-6.png) **Don’t change the logo color** |
151+
* Don't alter, crop, skew, outline, distort or recreate the logo
152+
* Don’t change the orientation of the logo mark
93153

94154
## Typography
95155

96-
### Primary typeface: Noto Sans
97-
98-
Noto Sans is an unmodulated (“sans serif”) design for texts in the
99-
Latin, Cyrillic, and Greek scripts, which is also suitable as the
100-
complementary choice for other script-specific Noto Sans fonts. It has
101-
italic styles, multiple weights and widths, and 3,741 glyphs. Noto
102-
Sans is licensed under the Open Font License which allows us to use it
103-
in products & projects - print or digital, commercial or otherwise.
104-
105-
Noto Sans should be the primary font choice for all Cloudberry
106-
Database materials.
156+
### Logo Primary typeface: Montserrat
107157

108-
![](/img/brand-guide/typeface.jpg)
158+
![](/img/brand-guide/typeface.png)
109159

110160
### Download
111161

112-
You can download Noto Sans for free from [Google
113-
Fonts](https://fonts.google.com/noto/specimen/Noto+Sans).
162+
You can download Montserrat for free from [Google
163+
Fonts](https://fonts.google.com/specimen/Montserrat).
114164

115165
If you have a PC, check out the details on how to install a font
116166
[here](https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows).
@@ -120,8 +170,4 @@ If you have a Mac, see how to install the font
120170

121171
## Questions
122172

123-
Feel free to email questions to info@cloudberrydb.org. It helps if you
124-
provide a sample of your desired usage, enabling us to tailor our
125-
feedback accordingly. Although we strive to respond as quickly as
126-
possible, kindly allow up to two weeks for a response (please note
127-
that no response doesn't mean approval).
173+
Feel free to email questions to dev@cloudberry.apache.org.

‎static/img/brand-guide/avoid-1.png‎

-33.7 KB
Binary file not shown.

‎static/img/brand-guide/avoid-2.jpeg‎

-49.6 KB
Binary file not shown.

‎static/img/brand-guide/avoid-3.png‎

-11.5 KB
Binary file not shown.

‎static/img/brand-guide/avoid-4.png‎

-18.4 KB
Binary file not shown.

‎static/img/brand-guide/avoid-5.png‎

-18.7 KB
Binary file not shown.

‎static/img/brand-guide/avoid-6.png‎

-17 KB
Binary file not shown.

‎static/img/brand-guide/background-1.jpg‎

-102 KB
Binary file not shown.

‎static/img/brand-guide/background-2.jpg‎

-100 KB
Binary file not shown.

‎static/img/brand-guide/background-3.jpg‎

-101 KB
Binary file not shown.

0 commit comments

Comments
 (0)