Components

Import from @site/src/components/sister. Documentation-mode pieces — navigation keys, the TOC panel, code blocks and callouts — are the Docusaurus theme restyled in src/css/custom.css, so plain Markdown gets them for free.

Button

Mint top-bar tab, cream utility button, or the one primary action per view.

Components

Colour

GitHub

See the projects

tsx

<Button to="/projects" variant="primary">
	See the projects
</Button>

Window

Desktop-mode content window. Controls render only for the handlers you pass, so this one has none.

About Us – SPECTRA

Hello there!

Window bodies use the pixel face for short copy. Pass reading for anything longer.

◴Ready

Launcher

Labelled desktop shortcut. A real link: one click or Enter opens it.

AbAbout UsKeyworkGiGitHub

ProjectCard

Equipment label for a product. The purpose line comes from the project's own description.

Library

Keywork

A batteries-included, magic-free library for building web apps in V8 Isolates.

Overview

MetaStrip

Tiny factual metadata above a hairline. Used inside the editorial hero.

Teffen EllisSister Softwarehttps://mailwoman.ai

Callouts

Docusaurus admonitions render as callouts. The label word always prints.

note

A note on mint.

warning

A warning on yellow.

danger

A danger on coral.

Code

router.ts

import { RequestRouter } from "keywork/router"

// Comments stay readable on the dark ground.
const app = new RequestRouter()
app.get("/", () => new Response("Hello"))