Add Branding handbook section

- StarCat Systems
- DocsHub
- StageLink
This commit is contained in:
thhsh-local 2025-05-06 16:26:15 -04:00
parent b141e61e5c
commit 28c403ac85
Signed by: thhsh-local
SSH key fingerprint: SHA256:bLOq3d7dN1v5+W5U6pQekP0rBm0YUtC9qvh3TDYyAsg
6 changed files with 118 additions and 1 deletions

View file

@ -2,4 +2,5 @@ title: Handbook
nav:
- index.md
- meta
- infrastructure
- infrastructure
- branding

View file

@ -0,0 +1,6 @@
title: Branding
nav:
- index.md
- starcatsys.md
- docshub.md
- stagelink.md

View file

@ -0,0 +1,26 @@
# DocsHub
## Logo
[:material-folder-lock: Logos > DocsHub](https://cloud.starcatsys.net/f/1175)
Adapted from [Document](https://thenounproject.com/icon/document-6244658/) by [Reion](https://thenounproject.com/creator/dickydante/) from Noun Project.
## Colors
### Primary Colors
**Primary blue**: `#1C76B8` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/1C76B8?style=circle'/>
### Website Colors
**Background**: `#1C76B8` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/1C76B8?style=circle'/>
**Logo**: `#FFFFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FFFFFF?style=circle'/>
**Text**: `#FFFFFFC4` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FFFFFF?style=circle'/>
**Text highlight-text**: `#000000` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/000000?style=circle'/>
**Text highlight-surround**: `#FFFF00` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FFFF00?style=circle'/>
**Button**: `#FFFF00` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FFFF00?style=circle'/>
**Button hover**: `#23A1FC` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/23A1FC?style=circle'/>
## Backgrounds
### Website Background
The DocsHub website uses a solid color background.
## Fonts
The DocsHub logo and [:octicons-tab-external-16: landing page](https://docshub.io) both use *Space Mono* by Colophon Foundry for its primary font: [:octicons-link-external-16: Google Fonts - Space Mono](https://fonts.google.com/specimen/Space+Mono)

View file

@ -0,0 +1,13 @@
# Branding
Branding information for the various StarCat Systems projects.
!!! abstract "Placeholder Page"
This is a placeholder page. Please see the site navigation for any sub-pages that exist.
---
!!! example "Work in Progress"
This page is not complete, and is subject to change.
Want to help with this page? Please see [:octicons-arrow-right-16: Editing this site](https://about.starcat.systems/editing/) and the [:simple-forgejo: Git repo](https://git.starcat.systems/starcatsys/about) for this site.

View file

@ -0,0 +1,33 @@
# StageLink
## Logo
[:material-folder-lock: Logos > StageLink](https://cloud.starcatsys.net/f/929)
Adapted from [slider](https://thenounproject.com/icon/slider-2309209/) by [DinosoftLabs](https://thenounproject.com/creator/dinosoftlab/) from Noun Project
## Colors
### Primary Colors
**Primary**: `#004080` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/004080?style=circle'/>
**Background**: Center box: `#FEFFFFD9` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FEFFFF?style=circle'/>
### Website Colors
**Logo**: `#004080` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/004080?style=circle'/>
**Background**: Center box: `#FEFFFFD9` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FEFFFF?style=circle'/>
**Text**: `#004080` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/004080?style=circle'/>
**Button**: `#004080` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/004080?style=circle'/>
**Button hover**: `#0071FF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/0071FF?style=circle'/>
## Backgrounds
### Website Background
[:material-folder-lock: Backgrounds > StageLink](https://cloud.starcatsys.net/f/857)
The StageLink [:octicons-tab-external-16: landing page](https://stagelink.cloud) background is generated with [:octicons-link-external-16: BGJar - Polygon Luminary](https://bgjar.com/polygon-luminary).
**Width**: `1920 px`
**Height**: `1080 px`
**Background**: Simple, `#FFFFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/FFFFFF?style=circle'/>
**Primary Color**: `#29DAFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/29DAFF?style=circle'/>
**Secondary Color**: `#A7F0FF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/A7F0FF?style=circle'/>
## Fonts
The StageLink logo and [:octicons-tab-external-16: landing page](https://stagelink.cloud) both use *Roboto* by Christian Robertson, Paratype, Font Bureau for its primary font: [:octicons-link-external-16: Google Fonts - Roboto](https://fonts.google.com/specimen/Roboto)

View file

@ -0,0 +1,38 @@
# StarCat Systems
## Logo
[:material-folder-lock: Logos > StarCat Systems](https://cloud.starcatsys.net/f/1067)
Adapted from [Cat](https://thenounproject.com/icon/cat-6441095/) by [Md Ahasan Habib](https://thenounproject.com/creator/md_ahasan/) from Noun Project.
## Colors
### Primary Colors
**Primary bright blue**: `#00FFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/00FFFF?style=circle'/>
**Dark background purple**: `#2A0037` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/2A0037?style=circle'/>
**Lighter background purple**: `#4A007A` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/4A007A?style=circle'/>
### Website Colors
**Logo**: `#00FFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/00FFFF?style=circle'/>
**Primary text**: `#66D9FF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/66D9FF?style=circle'/>
**Link**: `#00FFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/00FFFF?style=circle'/>
**Link hover**: `#CCFFFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/CCFFFF?style=circle'/>
**Footer**: `#33BBFF` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/33BBFF?style=circle'/>
## Backgrounds
### Website Background
[:material-folder-lock: Backgrounds > StarCat Systems](https://cloud.starcatsys.net/f/866)
The StarCat Systems [:octicons-tab-external-16: landing page](https://starcat.systems) background is generated with [:octicons-link-external-16: Haikei](https://haikei.app/).
**Style**: Layered Waves
**Color direction**: Option 3 (dark outer, light inner)
**Background**: `#2A0037` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/2A0037?style=circle'/>
**Wave color 1**: `#9E25F8` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/9E25F8?style=circle'/>
**Wave color 2**: `#7317B2` <img valign='middle' alt='blue' src='https://readme-swatches.vercel.app/7317B2?style=circle'/>
## Fonts
### Logo Font
The StarCat Systems logo uses *Exo 2* by Natanael Gama for its primary font: [:octicons-link-external-16: Google Fonts - Exo 2](https://fonts.google.com/specimen/Exo+2)
### Website Font
The StarCat Systems [:octicons-tab-external-16: landing page](https://starcat.systems) uses *Roboto* by Christian Robertson, Paratype, Font Bureau for its primary font: [:octicons-link-external-16: Google Fonts - Roboto](https://fonts.google.com/specimen/Roboto)