diff --git a/assets/css/bundle.css b/assets/css/bundle.css index 55618e7..09530d2 100644 --- a/assets/css/bundle.css +++ b/assets/css/bundle.css @@ -1078,4 +1078,96 @@ a { padding:0; margin:0 0 0 1rem; list-style-type: none; -} \ No newline at end of file +} + +.al-body-container { + padding: 40px 20px; +} + +.branding { + padding: 40px 20px; +} + +.al-index-backed-by { + display: flex; + flex-direction: column; + padding: 40px 20px; +} + +.text-center { + text-align: center; +} + +.pb-2 { + padding-bottom: 2rem; +} + +.border-bottom { + border-bottom: 1px solid #14598a !important; +} + +.al-article-content { + padding: 0 !important; +} + +.group-logo { + display: flex; + margin-top: 20px; +} + +.branding-logo { + display: flex; + flex-direction: column; + width: 50%; +} + +.almalinux-logo { + width: 45%; + height: 100%; +} + +.group-icon { + display: flex; + justify-content: space-between; +} + +.branding-icon { + display: flex; + flex-direction: column; +} + +.color-palette-container { + display: flex; + justify-content: space-between; +} + +.color-palette-column { + display: flex; + flex-direction: column; + width: 17%; + margin-right: 20px; +} + +.color-palette-item { + display: flex; + align-items: center; + justify-content: space-around; + margin-bottom: 5px; +} + +.font-branding { + display: flex; + justify-content: center; +} + +.font-item { + display: flex; + flex-direction: column; + align-items: center; +} + +.font-line { + height: 80px; + border-right: 2px solid #ffffff; + padding-left: 15px; +} diff --git a/content/branding.md b/content/branding.md new file mode 100644 index 0000000..0d36175 --- /dev/null +++ b/content/branding.md @@ -0,0 +1,6 @@ +--- +title: "branding" +type: branding +--- + +branding content diff --git a/layouts/branding/single.html b/layouts/branding/single.html new file mode 100644 index 0000000..84efca9 --- /dev/null +++ b/layouts/branding/single.html @@ -0,0 +1,462 @@ +{{ define "main" }} + +
+
+
+
+
+

AlmaLinux Branding

+

+ These are the official brand guidelines of the AlmaLinux OS brand and assets. We want to make it easy for anyone to integrate AlmaLinux OS in all media formats while respecting our brand and legal/licensing restrictions. +

You can find and download full brandbook and more logo & icon options in the AlmaLinux OS GitHub repository. +

+ + Note that by using these resources, you accept our Terms of Service. + Usage of these resources may also be covered by the AlmaLinux OS End User Agreement and our Privacy Policy. + + +
+ +
+

AlmaLinux OS Logo

+
+
+

+ We are very proud of our logo, and we require that you follow these guidelines to ensure it always looks its + best. +

    +
  • The AlmaLinux OS Logo should be used mostly with the Science Blue and Atlantis colors.
    • +
  • The negative AlmaLinux OS Logo can be used on dark image backgrounds with high contrast between them.
    • +
  • The AlmaLinux OS Logo has a neat proportion of 1:5.2 Ratio width. These proportions were chosen carefully and + they are not to be changed.
    • +
  • The AlmaLinux OS Logo should never be smaller than 160px in digital or 45mm in print.
    • +
  • It is important that the appearance of the logo remains consistent. The logo should not be misiterpreted, modified, or added to. No attemp should be made to alter the logo in any way. Its orientation, color and composition should remain as indicated and there are no execptions.
    • +
+

+ + +
+
+
+
+

AlmaLinux OS Icon

+
+
+
    +
  • The AlmaLinux OS icon should be used as the official Favicon only in Science Blue.
    • +
  • The negative icon should be used for social as user/company image such as Whatsapp, Facebook, Linkendln, etc.
    • +
  • Monochrome version icon should be used on documents that are printed in black & white.
    • +
  • The AlmaLinux OS icon should never be smaller than 22px in digital or 6.3mm in print.
    • +
+
+
+ + Download SVG +
+
+ + Download SVG +
+
+ + Download SVG +
+
+
+
+
+ +
+

AlmaLinux OS Color Palette +

+
+
+

+ The colors selected for the AlmaLinux OS signature reflect the company's values. The colors have been + specifically chosen to represent the brand and should not be altered under any circumstance. +

+
+
+

Science Blue

+
+
+
+ + #004BBC + +
+
+
+
+ + #0069DA + +
+
+
+
+ + #1E87F8 + +
+
+
+
+ + #2891FF + +
+
+
+
+

+ Hex #0069DA
+ RGB 0 105 218
+ CMYK 100 52 0 15
+ Pantone 2725
+

+
+
+ +
+

Atlantis

+
+
+
+ + #68BC11 + +
+
+
+
+ + #86DA2F + +
+
+
+
+ + #A4F84D + +
+
+
+
+ + #AEFF57 + +
+
+
+
+

+ Hex #86DA2F
+ RGB 134 218 47
+ CMYK 39 0 78 15
+ Pantone 802
+

+
+
+ +
+

Candelight

+
+
+
+ + #E1AD00 + +
+
+
+
+ + #FFCB11 + +
+
+
+
+ + #FFE930 + +
+
+
+
+ + #FFF33A + +
+
+
+
+

+ Hex #FFCB12
+ RGB 255 203 18
+ CMYK 0 20 93 0
+ Pantone 803
+

+
+
+ +
+

Black Pearl

+
+
+
+ + #000518 + +
+
+
+
+ + #082336 + +
+
+
+
+ + #264154 + +
+
+
+
+ + #304B5E + +
+
+
+
+

+ Hex #082336
+ RGB 8 35 54
+ CMYK 85 35 0 79
+ Pantone Neutral Black
+

+
+
+ +
+

Soft Peach

+
+
+
+ + #DCD7D7 + +
+
+
+
+ + #FAF5F5 + +
+
+
+
+ + #FFFFFF + +
+
+
+
+ + #FFFFFF + +
+
+
+
+

+ Hex #FAF5F5
+ RGB 250 245 245
+ CMYK 0 2 2 2
+ Pantone 7604
+

+
+
+ +
+

Sunburnt Cyclops

+
+
+
+ + #E1282B + +
+
+
+
+ + #FF4649 + +
+
+
+
+ + #FF6467 + +
+
+
+
+ + #FF6E71 + +
+
+
+
+

+ Hex #FF4649
+ RGB 255 70 73
+ CMYK 0 73 71 0
+ Pantone Warm Red
+

+
+
+
+
+
+
+ +
+

AlmaLinux OS Fonts

+
+
+

+ The primary font is Montserrat and it has weight: Light, Medium, and SemiBold. +

+
+
+
+ + Aa + + + AlmaLinux OS + +
+
+
+ + Light
+ ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ abcdefghiklmnopqrstuvwxyz
+ 1234567890 + +
+
+
+
+ + Aa + + + AlmaLinux OS + +
+
+
+ + Medium
+ ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ abcdefghiklmnopqrstuvwxyz
+ 1234567890 + +
+
+
+
+ + Aa + + + AlmaLinux OS + +
+
+
+ + SemiBold
+ ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ abcdefghiklmnopqrstuvwxyz
+ 1234567890 + +
+
+
+
+
+
+ +
+
+
+ + + + +{{ end }} diff --git a/layouts/partials/common/footer.html b/layouts/partials/common/footer.html index 5ddccac..995b7a4 100644 --- a/layouts/partials/common/footer.html +++ b/layouts/partials/common/footer.html @@ -24,6 +24,7 @@
  • {{ i18n "openQA" }}
  • {{ i18n "Build System" }}
  • {{ i18n "Security" }}
    • +
  • Branding
    • diff --git a/layouts/partials/common/nav.html b/layouts/partials/common/nav.html index e67df76..cec7d7b 100644 --- a/layouts/partials/common/nav.html +++ b/layouts/partials/common/nav.html @@ -104,6 +104,11 @@ {{ i18n "Security" }} +
  • + + Branding + +
  • diff --git a/static/branding/Almalinux-logo-v2-4.png b/static/branding/Almalinux-logo-v2-4.png new file mode 100644 index 0000000..b0357d2 Binary files /dev/null and b/static/branding/Almalinux-logo-v2-4.png differ diff --git a/static/branding/Almalinux-logo-white-v2.png b/static/branding/Almalinux-logo-white-v2.png index 0c4cde0..1b8f664 100644 Binary files a/static/branding/Almalinux-logo-white-v2.png and b/static/branding/Almalinux-logo-white-v2.png differ diff --git a/static/branding/almalinux_logo_square.png b/static/branding/almalinux_logo_square.png new file mode 100644 index 0000000..0c3b76b Binary files /dev/null and b/static/branding/almalinux_logo_square.png differ