Brand

The canonical source is docs/branding.md and docs/style-guide.md in the main Fullstack League repo. This page records what the wiki itself implements, in src/styles/brand.css.

Name

Always Fullstack League, written out. Do not use FSL publicly — the acronym collides with an existing female-esports league in the APAC region. The standing subline under the wordmark is Community Esports League.

Palette

Restrained on purpose: near-black, white, and a single electric yellow. No gradients, no glow, no secondary neon.

Token	Value	Used for
--fsl-bg	#0a0a0a	Page background
--fsl-bg-panel	#141414	Cards and panels
--fsl-ink	#f5f5f2	Headings
--fsl-ink-dim	#9a9a94	Secondary text
--fsl-accent	#ffc400	Links, CTAs, highlights
--fsl-accent-deep	#a67c00	Accent borders, hover states
--fsl-line	rgba(255,255,255,0.12)	Hairlines

These map onto Starlight’s own --sl-color-* variables, so restyling the theme means editing the --fsl-* block rather than chasing individual components.

Type

• Rajdhani (500/600/700) for headings. Condensed and angular — on brand, but too tight for long-form body copy, so it is scoped to h1–h4 only.
• Public Sans (400/500/600) for body text and navigation.

Both are self-hosted from public/fonts/ as woff2. Nothing is loaded from Google Fonts.

Logo

src/assets/fullstack-league-horizontal.png is the header lockup and src/assets/fs-mark.png is the standalone FS monogram.

The site is dark-only

The source lockups are AI concept renders on solid black with no alpha channel. The versions here have had that background removed, but the wordmark is still white — on a light background “FULLSTACK” disappears completely. Light mode is therefore disabled in src/components/ThemeProvider.astro.

The real fix is rebuilding the marks as vectors with a two-tone variant, which docs/branding.md already lists as a production to-do. Once that exists, light mode can be re-enabled by deleting the two component overrides.

Keep the mark flat. No gradients, glow, 3D bevels, mascots, crosshairs or weapons — see the style guide’s “What to Avoid”.