---
name: plasma-orbital-design
description: Use this skill to generate well-branded interfaces and assets for Plasma Orbital (sovereign maritime intelligence from orbit), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable: true
---

Read the `readme.md` file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.

If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts _or_ production code, depending on the need.

## Fast orientation

- **Brand in one line:** sovereign maritime intelligence from orbit — AI-microsatellites that *see, think, and tell*. Voice is Apple-confident over a defence-dossier frame.
- **Look in one line:** Swiss editorial — warm **paper `#EFEDE4`**, near-black **ink `#15140F`**, one signal **vermilion `#E8401C`**. Square corners, 1px hairline grid, no shadows. Display = **Space Grotesk**, body = **Inter**, labels = **Space Mono** (UPPERCASE, wide-tracked).
- **The signature move:** numbered "dossier" sections (`01 — The problem`), file/figure tags (`FILE NO. EO-001`, `FIG. 04`), one giant staged number per idea, and a single full-bleed vermilion break.

## Files

- `readme.md` — full design guide: content voice, visual foundations, iconography, component & token index. **Read this first.**
- `styles.css` + `tokens/` — link `styles.css`; use `--po-*`, `--font-*`, `--space-*`, semantic aliases.
- `components/` — React primitives (Button, DossierLabel, Badge, Card, SpecTable, SectionHeader, NumberedRow, Input, Checkbox). Each has a `.prompt.md` with usage.
- `ui_kits/website/` — full editorial marketing-site recreation to lift patterns from.
- `assets/` — EdisonSat blueprints, hardware & team photography.

## Rules of thumb

- Square everything (`border-radius: 0`); only avatars and status dots are round.
- Depth = hairline borders + inverted ink panels. **Never add drop shadows on paper.**
- One accent only (vermilion). Get hierarchy from ink opacity ramps, not new colours.
- Stage numbers big; one idea per section; sentence case; em-dashes welcome; **no exclamation marks, no emoji.**
- Photos: `grayscale(1)` + `mix-blend-multiply`, colour on hover. Blueprints: `mix-blend-multiply` with mono callouts.
- Headline carries the wordplay; the sober capability claim goes directly beneath it.
