diff --git a/_data/projectfooter.yaml b/_data/projectfooter.yaml index db14787943..f190087415 100644 --- a/_data/projectfooter.yaml +++ b/_data/projectfooter.yaml @@ -22,6 +22,8 @@ links: url: /security - page: Usage url: /usage + - page: Brand + url: /brand - title: Follow Us width: 1 diff --git a/_includes/brand-band.html b/_includes/brand-band.html new file mode 100755 index 0000000000..ba7c3aeaac --- /dev/null +++ b/_includes/brand-band.html @@ -0,0 +1,149 @@ +
+
+

Quarkus Trademark Usage

+

The Quarkus project is protected under the Red Hat upstream project trademark guidelines.

+
+
+

Quarkus Logo Assets

+

There are several versions of the logo. Choose either the vertical or the horizontal version depending on your space requirements.

+

Background Color

+

Notice we have several versions of logo coloring for use on different background colors (light and dark options). The "default" logo is for use on a light background while the "reverse" logo is for use on dark backgrounds (notice the color of the interior cube element). The one color versions are designed for use when you have to present it monochromatically (notice extra space in interior cube element).

+
+
+ +
+
+ Quarkus vertical logo file default +

Vertical Logo Default

+

450px | 1280px | SVG

+
+
+ Quarkus vertical logo file reverse +

Vertical Logo Reversed

+

450px | 1280px | SVG

+
+
+ Quarkus vertical logo file black +

Vertical Logo Black

+

450px | 1280px | SVG

+
+
+ Quarkus vertical logo file white +

Vertical Logo White

+

450px | 1280px | SVG

+
+ +
+ Quarkus horizontal logo file default +

Horizontal Logo Default

+

450px | 1280px | SVG

+
+
+ Quarkus horizontal logo file reverse +

Horizontal Logo Reversed

+

450px | 1280px | SVG

+
+
+ Quarkus horizontal logo file black +

Horizontal Logo Black

+

450px | 1280px | SVG

+
+
+ Quarkus horizontal logo file white +

Horizontal Logo Black

+

450px | 1280px | SVG

+
+ +
+

Quarkus Icon Assets

+
+ +
+ Quarkus icon file default +

Icon Default

+

512px | 1024px | SVG

+
+
+ Quarkus icon file reverse +

Icon Reversed

+

256px | 512px | 1024px | SVG

+
+
+ Quarkus icon file black +

Icon black

+

512px | 1024px | SVG

+
+
+ Quarkus icon file white +

Icon White

+

256px | 512px | 1024px | SVG

+
+
+ +
+
+

Logo Do's and Don't

+

The key to keeping the Quarkus brand strong is consistency. We do this by maintaining a uniform way of presenting the logo across all mediums over time. This means we need to respect the spacing requirements and supplied color options.

+ +

Logo Spacing

+

The logo needs space to breath so make sure you leave at least an icon's height and width around it.

+
+
+ Vertical Logo spacing +
+
+ Horizontal Logo spacing +
+
+

What NOT to do

+

Make sure you use the logo correctly. Do do silly stuff like...

+
+
+ Don't recolor the logo +

Don't use other colors in the logo.

+
+
+ Don't resize the elements of the logo +

Don't resize individual elements of the logo.

+
+
+ Don't stretch or squish the logo +

Don't squish or strech the logo to change it's proportions.

+
+
+ Don't add any dropshadow to the logo +

Don't add a dropshadow effect on the logo on a white background.

+
+
+ Don't add gradient effects to the logo +

Don't add gradient effects to interior of the logo.

+
+
+ Don't use the logo type element by itself +

Don't use us the logotype by itself.

+
+
+ + +
+
+

Quarkus Colors

+

The Triad of Quarkus brand colors: Quarkus Blue, Dark Blue and Red.

+
+
+

Quarkus Blue

+

#4695EB
+ Pantone Process Blue U

+
+
+

Quarkus Dark Blue

+

#0D1C2C
+ Pantone 3035 U

+
+
+

Quarkus Red

+

#4695EB
+ Pantone 032 U

+
+
+ diff --git a/_layouts/brand.html b/_layouts/brand.html new file mode 100644 index 0000000000..0aa5e9dcc0 --- /dev/null +++ b/_layouts/brand.html @@ -0,0 +1,7 @@ +--- +layout: base +--- + +{% include title-band.html %} + +{% include brand-band.html %} \ No newline at end of file diff --git a/_sass/includes/brand.css b/_sass/includes/brand.css new file mode 100644 index 0000000000..d0335cab0a --- /dev/null +++ b/_sass/includes/brand.css @@ -0,0 +1,56 @@ +/* Styles for Brand Page */ + +.brand-band { + .brand-block { + padding: 4rem; + text-align: center; + + img { + max-width: 12rem; + @media screen and (max-width: $breakpoint-m) { + max-width: 100%; + } + } + } + + .brand-block-black { + padding: 4rem; + background-color: $black; + text-align: center; + + h4, a { + color: $white; + } + + img { + max-width: 12rem; + @media screen and (max-width: $breakpoint-m) { + max-width: 100%; + } + } + } + + .color-block-blue { + background-color: $quarkus-blue; + h4, p { + color: $white; + text-align: center; + } + } + + .color-block-darkblue { + background-color: $dark-blue-alt; + + h4, p { + color: $white; + text-align: center; + } + } + .color-block-red { + background-color: $red; + h4, p { + color: $white; + text-align: center; + } + } +} diff --git a/assets/css/main.scss b/assets/css/main.scss index cb44139368..4c7fbc895b 100755 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -63,4 +63,5 @@ $baseurl: "{{ site.baseurl }}"; @import "includes/tooltip"; @import "includes/language-band.scss"; @import "includes/homepage-userstory-callout"; +@import "includes/brand"; diff --git a/assets/images/brand/logo_dropshadow.png b/assets/images/brand/logo_dropshadow.png new file mode 100644 index 0000000000..7b19184dfa Binary files /dev/null and b/assets/images/brand/logo_dropshadow.png differ diff --git a/assets/images/brand/logo_gradient.png b/assets/images/brand/logo_gradient.png new file mode 100644 index 0000000000..e209566286 Binary files /dev/null and b/assets/images/brand/logo_gradient.png differ diff --git a/assets/images/brand/logo_logotype.png b/assets/images/brand/logo_logotype.png new file mode 100644 index 0000000000..ec2eced0eb Binary files /dev/null and b/assets/images/brand/logo_logotype.png differ diff --git a/assets/images/brand/logo_recolor.png b/assets/images/brand/logo_recolor.png new file mode 100644 index 0000000000..c8e5543a84 Binary files /dev/null and b/assets/images/brand/logo_recolor.png differ diff --git a/assets/images/brand/logo_resize.png b/assets/images/brand/logo_resize.png new file mode 100644 index 0000000000..10a259cbb8 Binary files /dev/null and b/assets/images/brand/logo_resize.png differ diff --git a/assets/images/brand/logo_skew.png b/assets/images/brand/logo_skew.png new file mode 100644 index 0000000000..4253288e8f Binary files /dev/null and b/assets/images/brand/logo_skew.png differ diff --git a/assets/images/brand/logo_spacing_hori.png b/assets/images/brand/logo_spacing_hori.png new file mode 100644 index 0000000000..6199935813 Binary files /dev/null and b/assets/images/brand/logo_spacing_hori.png differ diff --git a/assets/images/brand/logo_spacing_vert.png b/assets/images/brand/logo_spacing_vert.png new file mode 100644 index 0000000000..84ce7cdb8a Binary files /dev/null and b/assets/images/brand/logo_spacing_vert.png differ diff --git a/assets/images/brand/quarkus_icon_1024px_black.png b/assets/images/brand/quarkus_icon_1024px_black.png new file mode 100644 index 0000000000..991dc70b75 Binary files /dev/null and b/assets/images/brand/quarkus_icon_1024px_black.png differ diff --git a/assets/images/brand/quarkus_icon_1024px_default.png b/assets/images/brand/quarkus_icon_1024px_default.png new file mode 100644 index 0000000000..6a1626104e Binary files /dev/null and b/assets/images/brand/quarkus_icon_1024px_default.png differ diff --git a/assets/images/brand/quarkus_icon_1024px_reverse.png b/assets/images/brand/quarkus_icon_1024px_reverse.png new file mode 100644 index 0000000000..fd1b532566 Binary files /dev/null and b/assets/images/brand/quarkus_icon_1024px_reverse.png differ diff --git a/assets/images/brand/quarkus_icon_1024px_white.png b/assets/images/brand/quarkus_icon_1024px_white.png new file mode 100644 index 0000000000..3c11fef022 Binary files /dev/null and b/assets/images/brand/quarkus_icon_1024px_white.png differ diff --git a/assets/images/brand/quarkus_icon_256px_black.png b/assets/images/brand/quarkus_icon_256px_black.png new file mode 100644 index 0000000000..25541e0dcf Binary files /dev/null and b/assets/images/brand/quarkus_icon_256px_black.png differ diff --git a/assets/images/brand/quarkus_icon_256px_default.png b/assets/images/brand/quarkus_icon_256px_default.png new file mode 100644 index 0000000000..30e1c04dfa Binary files /dev/null and b/assets/images/brand/quarkus_icon_256px_default.png differ diff --git a/assets/images/brand/quarkus_icon_256px_reverse.png b/assets/images/brand/quarkus_icon_256px_reverse.png new file mode 100644 index 0000000000..35ddf6e429 Binary files /dev/null and b/assets/images/brand/quarkus_icon_256px_reverse.png differ diff --git a/assets/images/brand/quarkus_icon_256px_white.png b/assets/images/brand/quarkus_icon_256px_white.png new file mode 100644 index 0000000000..5e9cfdaa24 Binary files /dev/null and b/assets/images/brand/quarkus_icon_256px_white.png differ diff --git a/assets/images/brand/quarkus_icon_512px_black.png b/assets/images/brand/quarkus_icon_512px_black.png new file mode 100644 index 0000000000..2fa030e114 Binary files /dev/null and b/assets/images/brand/quarkus_icon_512px_black.png differ diff --git a/assets/images/brand/quarkus_icon_512px_default.png b/assets/images/brand/quarkus_icon_512px_default.png new file mode 100644 index 0000000000..1ac2fbd435 Binary files /dev/null and b/assets/images/brand/quarkus_icon_512px_default.png differ diff --git a/assets/images/brand/quarkus_icon_512px_reverse.png b/assets/images/brand/quarkus_icon_512px_reverse.png new file mode 100644 index 0000000000..18e381dbaa Binary files /dev/null and b/assets/images/brand/quarkus_icon_512px_reverse.png differ diff --git a/assets/images/brand/quarkus_icon_512px_white.png b/assets/images/brand/quarkus_icon_512px_white.png new file mode 100644 index 0000000000..ede63b5219 Binary files /dev/null and b/assets/images/brand/quarkus_icon_512px_white.png differ diff --git a/assets/images/brand/quarkus_icon_black.svg b/assets/images/brand/quarkus_icon_black.svg new file mode 100644 index 0000000000..6faa352332 --- /dev/null +++ b/assets/images/brand/quarkus_icon_black.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + diff --git a/assets/images/brand/quarkus_icon_default.svg b/assets/images/brand/quarkus_icon_default.svg new file mode 100644 index 0000000000..ca2bc890c1 --- /dev/null +++ b/assets/images/brand/quarkus_icon_default.svg @@ -0,0 +1 @@ +quarkus_icon_rgb_1024px_default \ No newline at end of file diff --git a/assets/images/brand/quarkus_icon_reverse.svg b/assets/images/brand/quarkus_icon_reverse.svg new file mode 100644 index 0000000000..1969e1e886 --- /dev/null +++ b/assets/images/brand/quarkus_icon_reverse.svg @@ -0,0 +1 @@ +quarkus_icon_rgb_1024px_reverse \ No newline at end of file diff --git a/assets/images/brand/quarkus_icon_white.svg b/assets/images/brand/quarkus_icon_white.svg new file mode 100644 index 0000000000..eee19af5cd --- /dev/null +++ b/assets/images/brand/quarkus_icon_white.svg @@ -0,0 +1 @@ +quarkus_icon_1color_1024px_reverse \ No newline at end of file diff --git a/assets/images/brand/quarkus_logo_horizontal_1280px_black.png b/assets/images/brand/quarkus_logo_horizontal_1280px_black.png new file mode 100644 index 0000000000..ac91ad076e Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_1280px_black.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_1280px_default.png b/assets/images/brand/quarkus_logo_horizontal_1280px_default.png new file mode 100644 index 0000000000..d20ad2fd56 Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_1280px_default.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_1280px_reverse.png b/assets/images/brand/quarkus_logo_horizontal_1280px_reverse.png new file mode 100644 index 0000000000..27a1e6117a Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_1280px_reverse.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_1280px_white.png b/assets/images/brand/quarkus_logo_horizontal_1280px_white.png new file mode 100644 index 0000000000..b2744ecd1e Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_1280px_white.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_450px_black.png b/assets/images/brand/quarkus_logo_horizontal_450px_black.png new file mode 100644 index 0000000000..53c3032fc9 Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_450px_black.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_450px_default.png b/assets/images/brand/quarkus_logo_horizontal_450px_default.png new file mode 100644 index 0000000000..b7685cc608 Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_450px_default.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_450px_reverse.png b/assets/images/brand/quarkus_logo_horizontal_450px_reverse.png new file mode 100644 index 0000000000..e5201c8bb4 Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_450px_reverse.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_450px_white.png b/assets/images/brand/quarkus_logo_horizontal_450px_white.png new file mode 100644 index 0000000000..ba8bb330df Binary files /dev/null and b/assets/images/brand/quarkus_logo_horizontal_450px_white.png differ diff --git a/assets/images/brand/quarkus_logo_horizontal_black.svg b/assets/images/brand/quarkus_logo_horizontal_black.svg new file mode 100644 index 0000000000..0bd09136af --- /dev/null +++ b/assets/images/brand/quarkus_logo_horizontal_black.svg @@ -0,0 +1,39 @@ + + + +quarkus_logo_horizontal_1color_1280px_reverse + + + + + + + + + + + + + + + + + + diff --git a/assets/images/brand/quarkus_logo_horizontal_default.svg b/assets/images/brand/quarkus_logo_horizontal_default.svg new file mode 100644 index 0000000000..39870a33ff --- /dev/null +++ b/assets/images/brand/quarkus_logo_horizontal_default.svg @@ -0,0 +1 @@ +quarkus_logo_horizontal_rgb_1280px_default \ No newline at end of file diff --git a/assets/images/brand/quarkus_logo_horizontal_reverse.svg b/assets/images/brand/quarkus_logo_horizontal_reverse.svg new file mode 100644 index 0000000000..9f29f44808 --- /dev/null +++ b/assets/images/brand/quarkus_logo_horizontal_reverse.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/brand/quarkus_logo_horizontal_white.svg b/assets/images/brand/quarkus_logo_horizontal_white.svg new file mode 100644 index 0000000000..ace6ab3ff8 --- /dev/null +++ b/assets/images/brand/quarkus_logo_horizontal_white.svg @@ -0,0 +1 @@ +quarkus_logo_horizontal_1color_1280px_reverse \ No newline at end of file diff --git a/assets/images/brand/quarkus_logo_vertical_1280px_black.png b/assets/images/brand/quarkus_logo_vertical_1280px_black.png new file mode 100644 index 0000000000..df0da04a59 Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_1280px_black.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_1280px_default.png b/assets/images/brand/quarkus_logo_vertical_1280px_default.png new file mode 100644 index 0000000000..a82ec2f0a0 Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_1280px_default.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_1280px_reverse.png b/assets/images/brand/quarkus_logo_vertical_1280px_reverse.png new file mode 100644 index 0000000000..4098388c9f Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_1280px_reverse.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_1280px_white.png b/assets/images/brand/quarkus_logo_vertical_1280px_white.png new file mode 100644 index 0000000000..b1eadab24c Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_1280px_white.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_450px_black.png b/assets/images/brand/quarkus_logo_vertical_450px_black.png new file mode 100644 index 0000000000..e88f542e2f Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_450px_black.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_450px_default.png b/assets/images/brand/quarkus_logo_vertical_450px_default.png new file mode 100644 index 0000000000..ef2e11fe27 Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_450px_default.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_450px_reverse.png b/assets/images/brand/quarkus_logo_vertical_450px_reverse.png new file mode 100644 index 0000000000..30ae856f45 Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_450px_reverse.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_450px_white.png b/assets/images/brand/quarkus_logo_vertical_450px_white.png new file mode 100644 index 0000000000..800f911a0f Binary files /dev/null and b/assets/images/brand/quarkus_logo_vertical_450px_white.png differ diff --git a/assets/images/brand/quarkus_logo_vertical_black.svg b/assets/images/brand/quarkus_logo_vertical_black.svg new file mode 100644 index 0000000000..2476d5bcac --- /dev/null +++ b/assets/images/brand/quarkus_logo_vertical_black.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/brand/quarkus_logo_vertical_default.svg b/assets/images/brand/quarkus_logo_vertical_default.svg new file mode 100644 index 0000000000..9b05612b7a --- /dev/null +++ b/assets/images/brand/quarkus_logo_vertical_default.svg @@ -0,0 +1 @@ +quarkus_logo_vertical_rgb_1280px_default \ No newline at end of file diff --git a/assets/images/brand/quarkus_logo_vertical_reverse.svg b/assets/images/brand/quarkus_logo_vertical_reverse.svg new file mode 100644 index 0000000000..813971646d --- /dev/null +++ b/assets/images/brand/quarkus_logo_vertical_reverse.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/brand/quarkus_logo_vertical_white.svg b/assets/images/brand/quarkus_logo_vertical_white.svg new file mode 100644 index 0000000000..d5cfff941b --- /dev/null +++ b/assets/images/brand/quarkus_logo_vertical_white.svg @@ -0,0 +1 @@ +quarkus_logo_vertical_1color_1280px_reverse \ No newline at end of file diff --git a/brand.md b/brand.md new file mode 100644 index 0000000000..c38354782d --- /dev/null +++ b/brand.md @@ -0,0 +1,7 @@ +--- +layout: brand +title: Quarkus Brand +subtitle: Quarkus branding elements and assets to help you promote Quarkus. +permalink: /brand/ +--- +