Skip to content

Add the Basileak design system (brand kit + README wiring) - #1

Merged
SchenLong merged 1 commit into
mainfrom
owasp/design-system
Jun 17, 2026
Merged

SchenLong merged 1 commit into
mainfrom
owasp/design-system

Conversation

@SchenLong

Copy link
Copy Markdown
Collaborator

What this adds

A complete design system for Basileak under brand/ — the single source of truth for the project's visual identity.

  • Logo: a channel-split "B" lettermark + "BASILEAK" Orbitron wordmark (SVG masters + PNG/favicon exports).
  • Tokens: brand/tokens/ — basileak.css (CSS vars + light mode), basileak.tailwind.js, basileak.tokens.json (W3C). Violet #8B5CF6 + cyan #00D9FF are the system layer; magenta #FF2D9B is reserved to mark the break.
  • Iconography: 6 stage badges, 12 attack-category icons, 6 core glyphs (24 SVG masters from one registry).
  • Components / diagrams / deck: component library; CTF-flow + taxonomy + architecture + data-mix + version diagrams (SVG + PNG); an OWASP-adapted deck (+ editable .pptx).
  • Surfaces: social set, web heroes, the OWASP CMS project-page mockup, light-mode + motion specs, full brand guidelines.
  • brand/owasp-cms/ stages the three CMS launch assets (512×512 logo, 1200×630 hero, CTF diagram) ready to upload.

The README gains a hero banner, the CTF-flow diagram, and a Brand & Design System section.

Notes

  • Clean register on OWASP-facing chrome; the persona/loud register stays on social/CTF surfaces.
  • OWASP co-brand wording is a swappable placeholder ("OWASP Project · Code / Breaker") pending confirmation.
  • Public version on assets: R4.
  • Binaries (*.pptx/*.pdf/*.jpg/*.webp) tracked via Git LFS.
  • Internal design provenance is intentionally kept out of this public repo.

🤖 Generated with Claude Code

Vendor the full design-system kit under brand/ (channel-split "B" mark +
Orbitron glitch wordmark, tokens, 24 icon masters, components, 5 diagrams,
OWASP-adapted deck + editable .pptx, social set, web heroes, OWASP CMS page,
light + motion specs, brand guidelines). Stage the OWASP CMS launch assets in
brand/owasp-cms/ (512 logo, 1200x630 hero, CTF diagram). Wire the hero banner,
the CTF-flow diagram, and a Brand & Design System section into the README.
LFS covers the brand binaries.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@SchenLong
SchenLong merged commit f6524aa into main Jun 17, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant