Brand and CI sources
This page captures the lightweight sources used to make the documentation feel like Knowspread without creating a separate design system project.
CI sources
Section titled “CI sources”Current CI in the application repository is defined in:
| Source | Meaning |
|---|---|
knowspread/.github/workflows/main.yml | Build, test, and deploy for main. |
knowspread/.github/workflows/develop.yml | Build, test, and deploy for development. |
knowspread/.github/workflows/staging.yml | Staging workflow. |
knowspread/.github/workflows/branch.yml | Branch validation workflow. |
knowspread/.gitlab-ci.yml | Historical or parallel CI definition; verify before treating it as canonical. |
For knowspread-docs, CI should stay smaller: install dependencies, build the
Astro site, and deploy dist to Cloudflare Pages.
Brand sources
Section titled “Brand sources”Useful source files in knowspread:
| Source | Signal |
|---|---|
public/img/logo-small.svg | Compact Knowspread wordmark used for the docs header. |
public/img/logo.svg | Full brand logo and palette references. |
app/assets/stylesheets/kws_webfront/components/_color-variables.scss | Webfront palette maps. |
app/assets/stylesheets/shared_less/globalVariables.less | Legacy app color variables and fonts. |
client/src/app/less/globalVariables.less | Runtime CSS variables for the legacy app. |
frontend/src/styles/theme.ts | React/MUI theme consuming runtime CSS variables. |
Palette
Section titled “Palette”The documentation uses a restrained subset:
| Token | Value | Use |
|---|---|---|
| Green | #88c425 | Primary brand accent. |
| Dark green | #5f891a | Accessible link and accent color. |
| Teal | #018c9d | Secondary links and subtle emphasis. |
| Dark teal | #003238 | Dark-mode and footer-adjacent tone. |
| Orange | #fa6900 | Rare warning or callout accent. |
| Cream | #fff9ee | Warm light background reference. |
| Ink | #2a2325 | Main dark text reference from the app. |
Homepage cues
Section titled “Homepage cues”The public homepage at https://knowspread.com currently uses:
- Czech as the primary public language with an English alternate,
- a dark navigation bar with a white Knowspread logo,
- a green primary CTA,
- Roboto and Roboto Slab from Google Fonts,
- product messaging around e-learning for organizations, course catalogues, webinars, and custom content.
The docs should borrow only the durable identity cues: logo, colors, compact buttons/links, and a calm information-dense layout.