mirror of https://github.com/rancher/docs.git
395 lines
24 KiB
HTML
395 lines
24 KiB
HTML
---
|
|
title: "Rancher Brand Guidelines & Resources"
|
|
description: "Hi there! We've put together a handy dandy style guide for your reference."
|
|
layout: "no-hero"
|
|
ctaBanner: true
|
|
---
|
|
<div>
|
|
|
|
<section class="docs-screen2">
|
|
<div class="grid-container">
|
|
<div class="row set-lines set-ground">
|
|
<div class="col-4"></div>
|
|
<div class="col-4"></div>
|
|
<div class="col-4"></div>
|
|
</div>
|
|
<div class="row max-sized cards-container">
|
|
<h2>Rancher Products</h2>
|
|
<div class="col-12 cards-wrap">
|
|
<div class="row card-items-wrap">
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="Rancher Manager Logo" src="{{< baseurl >}}/docs/rancher-logo.svg">
|
|
</div>
|
|
<hr />
|
|
<p class="description-label">Centralize auth, RBAC and management for all of your Kubernetes clusters
|
|
everywhere.</p>
|
|
<div class="buttons-container">
|
|
<a href="https://ranchermanager.docs.rancher.com/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="Harvester Logo" src="{{< baseurl >}}/docs/harvester-logo.svg">
|
|
</div>
|
|
<hr />
|
|
<p class="description-label">Harvester is an open-source hyper-converged infrastructure (HCI) software
|
|
built on
|
|
Kubernetes.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://docs.harvesterhci.io/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="NeuVector Logo" src="{{< baseurl >}}/docs/neuvector-logo.png">
|
|
</div>
|
|
<hr />
|
|
<p class="description-label">NeuVector is the only Kubernetes-native container security platform that
|
|
delivers
|
|
complete
|
|
container security.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://open-docs.neuvector.com/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row max-sized cards-container">
|
|
<h2>Kubernetes Distributions</h2>
|
|
<div class="col-12 cards-wrap">
|
|
<div class="row card-items-wrap">
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container ">
|
|
<img class="image limited-height" alt="K3s Logo" src="{{< baseurl >}}/docs/k3s-logo.svg">
|
|
</div>
|
|
<div class="badge">CNCF</div>
|
|
<hr />
|
|
|
|
<p class="description-label">A lightweight Kubernetes distribution, easy to use and ideal for IoT and
|
|
Edge.</p>
|
|
<div class="buttons-container">
|
|
<a href="https://docs.k3s.io" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="RKE2 logo" src="{{< baseurl >}}/docs/rke2-logo.svg">
|
|
</div>
|
|
<hr />
|
|
|
|
<p class="description-label">A Kubernetes distribution focused on enabling Federal government
|
|
compliance-based use
|
|
cases.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://docs.rke2.io/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="RKE1 Logo" src="{{< baseurl >}}/docs/rke-logo.svg">
|
|
</div>
|
|
<hr />
|
|
|
|
<p class="description-label">Rancher Kubernetes Engine (RKE1) is a simple, lightning fast
|
|
Kubernetes installer that works everywhere.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://rke.docs.rancher.com" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row max-sized cards-container">
|
|
<h2>Projects</h2>
|
|
<div class="col-12 cards-wrap">
|
|
<div class="row card-items-wrap">
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="Rancher Desktop Logo" src="{{< baseurl >}}/docs/rancher-desktop-logo.svg">
|
|
</div>
|
|
<hr />
|
|
|
|
<p class="description-label">Container Management and Kubernetes on the Desktop</p>
|
|
<div class="buttons-container">
|
|
<a href="https://docs.rancherdesktop.io/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="Kubewarden Logo" src="{{< baseurl >}}/docs/kubewarden-logo.png">
|
|
</div>
|
|
<div class="badge">CNCF</div>
|
|
<hr />
|
|
|
|
<p class="description-label">Kubewarden is a Kubernetes Dynamic Admission Controller that validates
|
|
incoming requests
|
|
using policies written in WebAssembly.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://docs.kubewarden.io/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<div class="image-container">
|
|
<img class="image limited-height" alt="Longhorn Logo" src="{{< baseurl >}}/docs/longhorn-logo.svg">
|
|
</div>
|
|
<div class="badge">CNCF</div>
|
|
|
|
<hr />
|
|
|
|
<p class="description-label">Longhorn is a lightweight, reliable, and powerful distributed block storage
|
|
system for
|
|
Kubernetes.</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="https://longhorn.io/docs/latest" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row max-sized cards-container">
|
|
<h2>Deprecated Products</h2>
|
|
<div class="col-12 cards-wrap">
|
|
<div class="row card-items-wrap">
|
|
<div class="
|
|
col-xl-4
|
|
col-lg-4
|
|
col-md-4
|
|
col-sm-12
|
|
col-xs-12
|
|
col-12
|
|
card-item">
|
|
<div class="card-wrap">
|
|
<h3 class="title-label">
|
|
<span class="background">OS</span>
|
|
RancherOS
|
|
</h3>
|
|
|
|
<hr />
|
|
|
|
<p class="description-label">Engineered from the
|
|
ground up for security and speed, RancherOS runs all system services and user workloads within Docker
|
|
containers.
|
|
</p>
|
|
|
|
<div class="buttons-container">
|
|
<a href="{{<baseurl>}}/os/v1.x/en/" target="_blank">
|
|
<button class="button text">
|
|
<span>Read the docs</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<script>
|
|
jQuery(document).ready(function () {
|
|
$('.brand-guidelines-menu .menu-item a').click(function () {
|
|
$('.brand-guidelines-menu .menu-item a').removeClass('active');
|
|
$(this).addClass('active');
|
|
});
|
|
|
|
$("a[href*='#']").click(function (e) {
|
|
// e.preventDefault();
|
|
|
|
if ($(this).attr('data-target') === undefined && $(this).attr('href').length > 1) {
|
|
var hash = $(this).attr('href').substring(1),
|
|
objt = $('#' + hash),
|
|
objt_mt = Number(objt.css('margin-top').replace(/[^0-9]/g, "")),
|
|
depth = 80,
|
|
scrn = $(window).width();
|
|
scrn_check = 1025;
|
|
|
|
if (scrn < scrn_check) {
|
|
depth = 120;
|
|
}
|
|
|
|
if (objt_mt > 0) {
|
|
depth = depth + objt_mt
|
|
}
|
|
|
|
if ($(this).attr('href').charAt(0) === '#') {
|
|
var objectTop = $($(this).attr('href')).offset().top;
|
|
|
|
setTimeout(function () {
|
|
$('html').scrollTop(objectTop - depth);
|
|
}, 100);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<style>
|
|
.badge {
|
|
position: absolute;
|
|
right: 1.7rem;
|
|
top: 0.8rem;
|
|
border-radius: 1.5rem;
|
|
background-color: #2f66e3;
|
|
text-transform: uppercase;
|
|
font-size: .825rem;
|
|
font-weight: 500;
|
|
letter-spacing: .075rem;
|
|
padding: 0.3rem 0.8rem;
|
|
color: #fff;
|
|
}
|
|
.docs-screen2 {
|
|
margin-top: 0rem;
|
|
}
|
|
|
|
.docs-screen2 .cards-container {
|
|
padding-top: 50px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.heroBanner {
|
|
padding-top: 10rem;
|
|
padding-left: 4rem;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: black;
|
|
width: 100vw;
|
|
height: 14rem;
|
|
}
|
|
|
|
.limited-height {
|
|
margin-top: 10px;
|
|
max-height: 65px;
|
|
width: 75%;
|
|
}
|
|
</style>
|