Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Adding the style guide link #241

Merged
merged 2 commits into from Mar 21, 2024
Merged

Adding the style guide link #241

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
42cf50e
Update Page “content/docs/design/_index.md”
marians Mar 20, 2024
fdbf30b
Merge branch 'main' into change-content/docs/design/_index.md-by-mari…
lyind Mar 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
160 changes: 108 additions & 52 deletions content/docs/design/_index.md
View file
Open in desktop
@@ -1,111 +1,167 @@
---
title: Corporate design resources
description: Material used to create publications according to the Giant Swarm
design guidelines
confidentiality: public
---
Please use our [design guidelines](https://www.giantswarm.io/styleguide) for comprehensive information.

## Icons

You can download the entire collection as a [ZIP archive](gs23-icons-v1.01.zip).

<img src="svg/gs23-icon-airplane.svg" width="18" height="18" alt="airplane preview" /> airplane - [SVG](svg/gs23-icon-airplane.svg) [PNG](png/gs23-icon-airplane.png)
<img src="svg/gs23-icon-airplane.svg" width="18" height="18" alt="airplane preview" />
airplane - [SVG](svg/gs23-icon-airplane.svg) [PNG](png/gs23-icon-airplane.png)

<img src="svg/gs23-icon-alert.svg" width="18" height="18" alt="alert preview" /> alert - [SVG](svg/gs23-icon-alert.svg) [PNG](png/gs23-icon-alert.png)
<img src="svg/gs23-icon-alert.svg" width="18" height="18" alt="alert preview" />
alert - [SVG](svg/gs23-icon-alert.svg) [PNG](png/gs23-icon-alert.png)

<img src="svg/gs23-icon-alert2.svg" width="18" height="18" alt="alert2 preview" /> alert2 - [SVG](svg/gs23-icon-alert2.svg) [PNG](png/gs23-icon-alert2.png)
<img src="svg/gs23-icon-alert2.svg" width="18" height="18" alt="alert2 preview" />
alert2 - [SVG](svg/gs23-icon-alert2.svg) [PNG](png/gs23-icon-alert2.png)

<img src="svg/gs23-icon-analysis.svg" width="18" height="18" alt="analysis preview" /> analysis - [SVG](svg/gs23-icon-analysis.svg) [PNG](png/gs23-icon-analysis.png)
<img src="svg/gs23-icon-analysis.svg" width="18" height="18" alt="analysis preview" />
analysis - [SVG](svg/gs23-icon-analysis.svg) [PNG](png/gs23-icon-analysis.png)

<img src="svg/gs23-icon-app.svg" width="18" height="18" alt="app preview" /> app - [SVG](svg/gs23-icon-app.svg) [PNG](png/gs23-icon-app.png)
<img src="svg/gs23-icon-app.svg" width="18" height="18" alt="app preview" />
app - [SVG](svg/gs23-icon-app.svg) [PNG](png/gs23-icon-app.png)

<img src="svg/gs23-icon-article.svg" width="18" height="18" alt="article preview" /> article - [SVG](svg/gs23-icon-article.svg) [PNG](png/gs23-icon-article.png)
<img src="svg/gs23-icon-article.svg" width="18" height="18" alt="article preview" />
article - [SVG](svg/gs23-icon-article.svg) [PNG](png/gs23-icon-article.png)

<img src="svg/gs23-icon-automation.svg" width="18" height="18" alt="automation preview" /> automation - [SVG](svg/gs23-icon-automation.svg) [PNG](png/gs23-icon-automation.png)
<img src="svg/gs23-icon-automation.svg" width="18" height="18" alt="automation preview" />
automation - [SVG](svg/gs23-icon-automation.svg) [PNG](png/gs23-icon-automation.png)

<img src="svg/gs23-icon-calendar.svg" width="18" height="18" alt="calendar preview" /> calendar - [SVG](svg/gs23-icon-calendar.svg) [PNG](png/gs23-icon-calendar.png)
<img src="svg/gs23-icon-calendar.svg" width="18" height="18" alt="calendar preview" />
calendar - [SVG](svg/gs23-icon-calendar.svg) [PNG](png/gs23-icon-calendar.png)

<img src="svg/gs23-icon-chat.svg" width="18" height="18" alt="chat preview" /> chat - [SVG](svg/gs23-icon-chat.svg) [PNG](png/gs23-icon-chat.png)
<img src="svg/gs23-icon-chat.svg" width="18" height="18" alt="chat preview" />
chat - [SVG](svg/gs23-icon-chat.svg) [PNG](png/gs23-icon-chat.png)

<img src="svg/gs23-icon-check.svg" width="18" height="18" alt="check preview" /> check - [SVG](svg/gs23-icon-check.svg) [PNG](png/gs23-icon-check.png)
<img src="svg/gs23-icon-check.svg" width="18" height="18" alt="check preview" />
check - [SVG](svg/gs23-icon-check.svg) [PNG](png/gs23-icon-check.png)

<img src="svg/gs23-icon-cicd.svg" width="18" height="18" alt="cicd preview" /> cicd - [SVG](svg/gs23-icon-cicd.svg) [PNG](png/gs23-icon-cicd.png)
<img src="svg/gs23-icon-cicd.svg" width="18" height="18" alt="cicd preview" />
cicd - [SVG](svg/gs23-icon-cicd.svg) [PNG](png/gs23-icon-cicd.png)

<img src="svg/gs23-icon-cloud-migration.svg" width="18" height="18" alt="cloud-migration preview" /> cloud-migration - [SVG](svg/gs23-icon-cloud-migration.svg) [PNG](png/gs23-icon-cloud-migration.png)
<img src="svg/gs23-icon-cloud-migration.svg" width="18" height="18" alt="cloud-migration preview" />
cloud-migration - [SVG](svg/gs23-icon-cloud-migration.svg) [PNG](png/gs23-icon-cloud-migration.png)

<img src="svg/gs23-icon-cloud-optimization.svg" width="18" height="18" alt="cloud-optimization preview" /> cloud-optimization - [SVG](svg/gs23-icon-cloud-optimization.svg) [PNG](png/gs23-icon-cloud-optimization.png)
<img src="svg/gs23-icon-cloud-optimization.svg" width="18" height="18" alt="cloud-optimization preview" />
cloud-optimization - [SVG](svg/gs23-icon-cloud-optimization.svg) [PNG](png/gs23-icon-cloud-optimization.png)

<img src="svg/gs23-icon-cloud-scaling.svg" width="18" height="18" alt="cloud-scaling preview" /> cloud-scaling - [SVG](svg/gs23-icon-cloud-scaling.svg) [PNG](png/gs23-icon-cloud-scaling.png)
<img src="svg/gs23-icon-cloud-scaling.svg" width="18" height="18" alt="cloud-scaling preview" />
cloud-scaling - [SVG](svg/gs23-icon-cloud-scaling.svg) [PNG](png/gs23-icon-cloud-scaling.png)

<img src="svg/gs23-icon-controls.svg" width="18" height="18" alt="controls preview" /> controls - [SVG](svg/gs23-icon-controls.svg) [PNG](png/gs23-icon-controls.png)
<img src="svg/gs23-icon-controls.svg" width="18" height="18" alt="controls preview" />
controls - [SVG](svg/gs23-icon-controls.svg) [PNG](png/gs23-icon-controls.png)

<img src="svg/gs23-icon-database.svg" width="18" height="18" alt="database preview" /> database - [SVG](svg/gs23-icon-database.svg) [PNG](png/gs23-icon-database.png)
<img src="svg/gs23-icon-database.svg" width="18" height="18" alt="database preview" />
database - [SVG](svg/gs23-icon-database.svg) [PNG](png/gs23-icon-database.png)

<img src="svg/gs23-icon-developer.svg" width="18" height="18" alt="developer preview" /> developer - [SVG](svg/gs23-icon-developer.svg) [PNG](png/gs23-icon-developer.png)
<img src="svg/gs23-icon-developer.svg" width="18" height="18" alt="developer preview" />
developer - [SVG](svg/gs23-icon-developer.svg) [PNG](png/gs23-icon-developer.png)

<img src="svg/gs23-icon-diamond.svg" width="18" height="18" alt="diamond preview" /> diamond - [SVG](svg/gs23-icon-diamond.svg) [PNG](png/gs23-icon-diamond.png)
<img src="svg/gs23-icon-diamond.svg" width="18" height="18" alt="diamond preview" />
diamond - [SVG](svg/gs23-icon-diamond.svg) [PNG](png/gs23-icon-diamond.png)

<img src="svg/gs23-icon-download.svg" width="18" height="18" alt="download preview" /> download - [SVG](svg/gs23-icon-download.svg) [PNG](png/gs23-icon-download.png)
<img src="svg/gs23-icon-download.svg" width="18" height="18" alt="download preview" />
download - [SVG](svg/gs23-icon-download.svg) [PNG](png/gs23-icon-download.png)

<img src="svg/gs23-icon-diy.svg" width="18" height="18" alt="diy preview" /> diy - [SVG](svg/gs23-icon-diy.svg) [PNG](png/gs23-icon-diy.png)
<img src="svg/gs23-icon-diy.svg" width="18" height="18" alt="diy preview" />
diy - [SVG](svg/gs23-icon-diy.svg) [PNG](png/gs23-icon-diy.png)

<img src="svg/gs23-icon-envelope.svg" width="18" height="18" alt="envelope preview" /> envelope - [SVG](svg/gs23-icon-envelope.svg) [PNG](png/gs23-icon-envelope.png)
<img src="svg/gs23-icon-envelope.svg" width="18" height="18" alt="envelope preview" />
envelope - [SVG](svg/gs23-icon-envelope.svg) [PNG](png/gs23-icon-envelope.png)

<img src="svg/gs23-icon-environments.svg" width="18" height="18" alt="environments preview" /> environments - [SVG](svg/gs23-icon-environments.svg) [PNG](png/gs23-icon-environments.png)
<img src="svg/gs23-icon-environments.svg" width="18" height="18" alt="environments preview" />
environments - [SVG](svg/gs23-icon-environments.svg) [PNG](png/gs23-icon-environments.png)

<img src="svg/gs23-icon-evolution.svg" width="18" height="18" alt="evolution preview" /> evolution - [SVG](svg/gs23-icon-evolution.svg) [PNG](png/gs23-icon-evolution.png)
<img src="svg/gs23-icon-evolution.svg" width="18" height="18" alt="evolution preview" />
evolution - [SVG](svg/gs23-icon-evolution.svg) [PNG](png/gs23-icon-evolution.png)

<img src="svg/gs23-icon-flexibility.svg" width="18" height="18" alt="flexibility preview" /> flexibility - [SVG](svg/gs23-icon-flexibility.svg) [PNG](png/gs23-icon-flexibility.png)
<img src="svg/gs23-icon-flexibility.svg" width="18" height="18" alt="flexibility preview" />
flexibility - [SVG](svg/gs23-icon-flexibility.svg) [PNG](png/gs23-icon-flexibility.png)

<img src="svg/gs23-icon-guide.svg" width="18" height="18" alt="guide preview" /> guide - [SVG](svg/gs23-icon-guide.svg) [PNG](png/gs23-icon-guide.png)
<img src="svg/gs23-icon-guide.svg" width="18" height="18" alt="guide preview" />
guide - [SVG](svg/gs23-icon-guide.svg) [PNG](png/gs23-icon-guide.png)

<img src="svg/gs23-icon-issue-resolution.svg" width="18" height="18" alt="issue-resolution preview" /> issue-resolution - [SVG](svg/gs23-icon-issue-resolution.svg) [PNG](png/gs23-icon-issue-resolution.png)
<img src="svg/gs23-icon-issue-resolution.svg" width="18" height="18" alt="issue-resolution preview" />
issue-resolution - [SVG](svg/gs23-icon-issue-resolution.svg) [PNG](png/gs23-icon-issue-resolution.png)

<img src="svg/gs23-icon-kubernetes.svg" width="18" height="18" alt="kubernetes preview" /> kubernetes - [SVG](svg/gs23-icon-kubernetes.svg) [PNG](png/gs23-icon-kubernetes.png)
<img src="svg/gs23-icon-kubernetes.svg" width="18" height="18" alt="kubernetes preview" />
kubernetes - [SVG](svg/gs23-icon-kubernetes.svg) [PNG](png/gs23-icon-kubernetes.png)

<img src="svg/gs23-icon-learn.svg" width="18" height="18" alt="learn preview" /> learn - [SVG](svg/gs23-icon-learn.svg) [PNG](png/gs23-icon-learn.png)
<img src="svg/gs23-icon-learn.svg" width="18" height="18" alt="learn preview" />
learn - [SVG](svg/gs23-icon-learn.svg) [PNG](png/gs23-icon-learn.png)

<img src="svg/gs23-icon-link.svg" width="18" height="18" alt="link preview" /> link - [SVG](svg/gs23-icon-link.svg) [PNG](png/gs23-icon-link.png)
<img src="svg/gs23-icon-link.svg" width="18" height="18" alt="link preview" />
link - [SVG](svg/gs23-icon-link.svg) [PNG](png/gs23-icon-link.png)

<img src="svg/gs23-icon-lock.svg" width="18" height="18" alt="lock preview" /> lock - [SVG](svg/gs23-icon-lock.svg) [PNG](png/gs23-icon-lock.png)
<img src="svg/gs23-icon-lock.svg" width="18" height="18" alt="lock preview" />
lock - [SVG](svg/gs23-icon-lock.svg) [PNG](png/gs23-icon-lock.png)

<img src="svg/gs23-icon-management-cluster.svg" width="18" height="18" alt="management-cluster preview" /> management-cluster - [SVG](svg/gs23-icon-management-cluster.svg) [PNG](png/gs23-icon-management-cluster.png)
<img src="svg/gs23-icon-management-cluster.svg" width="18" height="18" alt="management-cluster preview" />
management-cluster - [SVG](svg/gs23-icon-management-cluster.svg) [PNG](png/gs23-icon-management-cluster.png)

<img src="svg/gs23-icon-multi-cloud.svg" width="18" height="18" alt="multi-cloud preview" /> multi-cloud - [SVG](svg/gs23-icon-multi-cloud.svg) [PNG](png/gs23-icon-multi-cloud.png)
<img src="svg/gs23-icon-multi-cloud.svg" width="18" height="18" alt="multi-cloud preview" />
multi-cloud - [SVG](svg/gs23-icon-multi-cloud.svg) [PNG](png/gs23-icon-multi-cloud.png)

<img src="svg/gs23-icon-open-source.svg" width="18" height="18" alt="open-source preview" /> open-source - [SVG](svg/gs23-icon-open-source.svg) [PNG](png/gs23-icon-open-source.png)
<img src="svg/gs23-icon-open-source.svg" width="18" height="18" alt="open-source preview" />
open-source - [SVG](svg/gs23-icon-open-source.svg) [PNG](png/gs23-icon-open-source.png)

<img src="svg/gs23-icon-platform.svg" width="18" height="18" alt="platform preview" /> platform - [SVG](svg/gs23-icon-platform.svg) [PNG](png/gs23-icon-platform.png)
<img src="svg/gs23-icon-platform.svg" width="18" height="18" alt="platform preview" />
platform - [SVG](svg/gs23-icon-platform.svg) [PNG](png/gs23-icon-platform.png)

<img src="svg/gs23-icon-plug-in.svg" width="18" height="18" alt="plug-in preview" /> plug-in - [SVG](svg/gs23-icon-plug-in.svg) [PNG](png/gs23-icon-plug-in.png)
<img src="svg/gs23-icon-plug-in.svg" width="18" height="18" alt="plug-in preview" />
plug-in - [SVG](svg/gs23-icon-plug-in.svg) [PNG](png/gs23-icon-plug-in.png)

<img src="svg/gs23-icon-podcast.svg" width="18" height="18" alt="podcast preview" /> podcast - [SVG](svg/gs23-icon-podcast.svg) [PNG](png/gs23-icon-podcast.png)
<img src="svg/gs23-icon-podcast.svg" width="18" height="18" alt="podcast preview" />
podcast - [SVG](svg/gs23-icon-podcast.svg) [PNG](png/gs23-icon-podcast.png)

<img src="svg/gs23-icon-post-mortem.svg" width="18" height="18" alt="post-mortem preview" /> post-mortem - [SVG](svg/gs23-icon-post-mortem.svg) [PNG](png/gs23-icon-post-mortem.png)
<img src="svg/gs23-icon-post-mortem.svg" width="18" height="18" alt="post-mortem preview" />
post-mortem - [SVG](svg/gs23-icon-post-mortem.svg) [PNG](png/gs23-icon-post-mortem.png)

<img src="svg/gs23-icon-reduce.svg" width="18" height="18" alt="reduce preview" /> reduce - [SVG](svg/gs23-icon-reduce.svg) [PNG](png/gs23-icon-reduce.png)
<img src="svg/gs23-icon-reduce.svg" width="18" height="18" alt="reduce preview" />
reduce - [SVG](svg/gs23-icon-reduce.svg) [PNG](png/gs23-icon-reduce.png)

<img src="svg/gs23-icon-repair.svg" width="18" height="18" alt="repair preview" /> repair - [SVG](svg/gs23-icon-repair.svg) [PNG](png/gs23-icon-repair.png)
<img src="svg/gs23-icon-repair.svg" width="18" height="18" alt="repair preview" />
repair - [SVG](svg/gs23-icon-repair.svg) [PNG](png/gs23-icon-repair.png)

<img src="svg/gs23-icon-replace.svg" width="18" height="18" alt="replace preview" /> replace - [SVG](svg/gs23-icon-replace.svg) [PNG](png/gs23-icon-replace.png)
<img src="svg/gs23-icon-replace.svg" width="18" height="18" alt="replace preview" />
replace - [SVG](svg/gs23-icon-replace.svg) [PNG](png/gs23-icon-replace.png)

<img src="svg/gs23-icon-resiliency.svg" width="18" height="18" alt="resiliency preview" /> resiliency - [SVG](svg/gs23-icon-resiliency.svg) [PNG](png/gs23-icon-resiliency.png)
<img src="svg/gs23-icon-resiliency.svg" width="18" height="18" alt="resiliency preview" />
resiliency - [SVG](svg/gs23-icon-resiliency.svg) [PNG](png/gs23-icon-resiliency.png)

<img src="svg/gs23-icon-reuse.svg" width="18" height="18" alt="reuse preview" /> reuse - [SVG](svg/gs23-icon-reuse.svg) [PNG](png/gs23-icon-reuse.png)
<img src="svg/gs23-icon-reuse.svg" width="18" height="18" alt="reuse preview" />
reuse - [SVG](svg/gs23-icon-reuse.svg) [PNG](png/gs23-icon-reuse.png)

<img src="svg/gs23-icon-secure-cloud.svg" width="18" height="18" alt="secure-cloud preview" /> secure-cloud - [SVG](svg/gs23-icon-secure-cloud.svg) [PNG](png/gs23-icon-secure-cloud.png)
<img src="svg/gs23-icon-secure-cloud.svg" width="18" height="18" alt="secure-cloud preview" />
secure-cloud - [SVG](svg/gs23-icon-secure-cloud.svg) [PNG](png/gs23-icon-secure-cloud.png)

<img src="svg/gs23-icon-speaker.svg" width="18" height="18" alt="speaker preview" /> speaker - [SVG](svg/gs23-icon-speaker.svg) [PNG](png/gs23-icon-speaker.png)
<img src="svg/gs23-icon-speaker.svg" width="18" height="18" alt="speaker preview" />
speaker - [SVG](svg/gs23-icon-speaker.svg) [PNG](png/gs23-icon-speaker.png)

<img src="svg/gs23-icon-swag.svg" width="18" height="18" alt="swag preview" /> swag - [SVG](svg/gs23-icon-swag.svg) [PNG](png/gs23-icon-swag.png)
<img src="svg/gs23-icon-swag.svg" width="18" height="18" alt="swag preview" />
swag - [SVG](svg/gs23-icon-swag.svg) [PNG](png/gs23-icon-swag.png)

<img src="svg/gs23-icon-team.svg" width="18" height="18" alt="team preview" /> team - [SVG](svg/gs23-icon-team.svg) [PNG](png/gs23-icon-team.png)
<img src="svg/gs23-icon-team.svg" width="18" height="18" alt="team preview" />
team - [SVG](svg/gs23-icon-team.svg) [PNG](png/gs23-icon-team.png)

<img src="svg/gs23-icon-time.svg" width="18" height="18" alt="time preview" /> time - [SVG](svg/gs23-icon-time.svg) [PNG](png/gs23-icon-time.png)
<img src="svg/gs23-icon-time.svg" width="18" height="18" alt="time preview" />
time - [SVG](svg/gs23-icon-time.svg) [PNG](png/gs23-icon-time.png)

<img src="svg/gs23-icon-unlock.svg" width="18" height="18" alt="unlock preview" /> unlock - [SVG](svg/gs23-icon-unlock.svg) [PNG](png/gs23-icon-unlock.png)
<img src="svg/gs23-icon-unlock.svg" width="18" height="18" alt="unlock preview" />
unlock - [SVG](svg/gs23-icon-unlock.svg) [PNG](png/gs23-icon-unlock.png)

<img src="svg/gs23-icon-uptime.svg" width="18" height="18" alt="uptime preview" /> uptime - [SVG](svg/gs23-icon-uptime.svg) [PNG](png/gs23-icon-uptime.png)
<img src="svg/gs23-icon-uptime.svg" width="18" height="18" alt="uptime preview" />
uptime - [SVG](svg/gs23-icon-uptime.svg) [PNG](png/gs23-icon-uptime.png)

<img src="svg/gs23-icon-video.svg" width="18" height="18" alt="video preview" /> video - [SVG](svg/gs23-icon-video.svg) [PNG](png/gs23-icon-video.png)
<img src="svg/gs23-icon-video.svg" width="18" height="18" alt="video preview" />
video - [SVG](svg/gs23-icon-video.svg) [PNG](png/gs23-icon-video.png)

<img src="svg/gs23-icon-wallet.svg" width="18" height="18" alt="wallet preview" /> wallet - [SVG](svg/gs23-icon-wallet.svg) [PNG](png/gs23-icon-wallet.png)
<img src="svg/gs23-icon-wallet.svg" width="18" height="18" alt="wallet preview" />
wallet - [SVG](svg/gs23-icon-wallet.svg) [PNG](png/gs23-icon-wallet.png)

<img src="svg/gs23-icon-webinar.svg" width="18" height="18" alt="webinar preview" /> webinar - [SVG](svg/gs23-icon-webinar.svg) [PNG](png/gs23-icon-webinar.png)
<img src="svg/gs23-icon-webinar.svg" width="18" height="18" alt="webinar preview" />
webinar - [SVG](svg/gs23-icon-webinar.svg) [PNG](png/gs23-icon-webinar.png)