@mutmutco/codex-plugin 4.3.65 → 4.3.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/.codex-plugin/plugin.json +1 -1
  2. package/package.json +1 -1
  3. package/skills/bootstrap/SKILL.md +7 -1
  4. package/skills/brand/SKILL.md +92 -54
  5. package/skills/brand/references/mm-logo.svg +24 -0
  6. package/skills/brand/references/mm.css +112 -0
  7. package/skills/brand/references/onizleme.png +0 -0
  8. package/skills/brand/references/ornek-gorsel.jpg +0 -0
  9. package/skills/brand/references/sablon.html +162 -0
  10. package/skills/brand/references/logos/mmd-lockup-dark.svg +0 -1
  11. package/skills/brand/references/logos/mmd-lockup-light.svg +0 -1
  12. package/skills/brand/references/logos/mmd-mark-held.svg +0 -1
  13. package/skills/brand/references/logos/mmd-mark.svg +0 -1
  14. package/skills/brand/references/recipes.md +0 -96
  15. package/skills/brand/references/tokens.json +0 -206
  16. package/skills/brand/references/typography-and-layout.md +0 -100
package/.codex-plugin/plugin.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mmi",
3
- "version": "4.3.65",
3
+ "version": "4.3.67",
4
4
  "mmiCompat": "4.x",
5
5
  "description": "MMI workflow skills and org gates delivery.",
6
6
  "author": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mutmutco/codex-plugin",
3
- "version": "4.3.65",
3
+ "version": "4.3.67",
4
4
  "description": "MMI workflow skills and org gates delivery.",
5
5
  "author": {
6
6
  "name": "MMI Future",
package/skills/bootstrap/SKILL.md CHANGED
@@ -128,7 +128,13 @@ Run it again after Step 7. A repo is not ready for real developers until every c
128
128
  names an explicitly manual-only item that the master has accepted for that repo. For a deployable repo the
129
129
  report ends with the train doctor verdict per lane (`release`; plus `rcand` on a full track) — the same
130
130
  `mmi-cli devops train doctor` door `/release` and `/rcand` open (#6070); a `ready: false` there is an
131
- unfinished repo.
131
+ unfinished repo, **with one expected exception**: a full track's two lanes start from different branches
132
+ (`release` from `rc`, `rcand` from `development`) and one checkout stands on one branch, so the lane you
133
+ are not standing on reports the never-healed `branch-mismatch` blocker (#6432). Verify is read-only and
134
+ does not check the other branch out: a lane whose ONLY finding is that mismatch is printed `NOT EVALUATED
135
+ from this branch` and does not fail the verify (#6677). That is the finished state, not a gap — run
136
+ `mmi-cli devops train doctor --lane <lane> --json` from that lane's own branch for its verdict. Any other
137
+ blocker in that lane, or an unread origin, still makes the report red.
132
138
 
133
139
  **Two verify FAILs are un-run apply steps or API lag, not code bugs — diagnose them as such, but never as
134
140
  acceptable end states (#2928):**
package/skills/brand/SKILL.md CHANGED
@@ -1,74 +1,112 @@
1
1
  ---
2
2
  name: brand
3
- description: Mutatis Mutandis brand for company documents, reports, decks, and artifacts.
3
+ description: Mutatis Mutandis brand for company documents, research artifacts, briefs, and generated reports.
4
4
  ---
5
5
 
6
6
  # Mutatis Mutandis brand
7
7
 
8
- The visual authority for company-facing documents and generated artifacts. Do not invent a
9
- second identity, and do not derive one from a screenshot.
8
+ The visual authority for company-facing documents and generated artifacts: consumer research,
9
+ competitor analysis, creative briefs, reports. Build on the kit as delivered — do not invent a
10
+ second identity and do not restyle it per project.
10
11
 
11
12
  ## Scope
12
13
 
13
- **In scope:** reports, PDFs, one-pagers, briefs, slide decks, data features, printable pages,
14
- social cards, email signatures, and any artifact an agent generates on the company's behalf.
14
+ **In scope:** reports, research artifacts, briefs, one-pagers, decks, data features, and any
15
+ document an agent generates on the company's behalf.
15
16
 
16
17
  **Out of scope:** a product's own web or application design. A project's UI follows that
17
- project's design system. This skill never overrides it, and MMD colour variables must not be
18
- injected into product styles.
18
+ project's design system. Never inject kit variables into product styles.
19
19
 
20
- The source kit is the Mutatis Mutandis Design (MMD) identity carrying the shared company
21
- foundations. Colour, typography, layout, and voice apply company-wide. Only the logo is
22
- division-specific.
20
+ ## The kit
21
+
22
+ One dark theme. Start from the template — every component is worked there, and the preview shows
23
+ the assembled result.
24
+
25
+ | File | What it is |
26
+ | --- | --- |
27
+ | [sablon.html](references/sablon.html) | Worked template — start new documents here |
28
+ | [mm.css](references/mm.css) | Colour variables, typography, all component styles |
29
+ | [mm-logo.svg](references/mm-logo.svg) | MM wordmark, monochrome, takes text colour via `currentColor` |
30
+ | [onizleme.png](references/onizleme.png) | Full preview of the assembled kit |
31
+ | [ornek-gorsel.jpg](references/ornek-gorsel.jpg) | Screenshot-box (`.fig.shot`) example |
32
+
33
+ Fonts load from Google Fonts in one link — never self-host, never substitute silently:
34
+
35
+ ```
36
+ https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap
37
+ ```
23
38
 
24
39
  ## Non-negotiable rules
25
40
 
26
- - **Masthead.** A company-wide document carries **no logo**. Lead with the organisation name
27
- set in Archivo Black, then the document title. The MMD tile lockup — black tile, white MM,
28
- blue D `#3B82F6` — is the Design division's mark and appears only on Design-division
29
- artifacts. Never restyle the tile for another division, and never recolour the D.
30
- - **One voice per block.** Pick Instrument, Paper, or Billboard (below) and stay in it.
31
- Two blocks may use different voices only with an obvious boundary between them.
32
- - **Type roles are fixed.** Archivo Black for display and major titles. Questrial regular for
33
- body and secondary headings. Roboto Mono for dates, IDs, counts, and figures.
34
- - **No synthetic bold, ever.** Archivo Black ships as a heavy Regular; Questrial has no bold.
35
- Set `font-synthesis: none`. Faking a weight is a visible defect.
36
- - **Division colours identify, they do not decorate.** Intelligence `#1AA572`,
37
- Design `#3B82F6`, Creative `#EB4233`, Games `#EAA100`, Strategy `#8B5CF6`. Use them as
38
- markers and swatches, never as body text.
39
- - **Banned.** Gradients, emoji, faux bold, coloured-left-border cards, drop shadows for depth,
40
- and centre-aligned body text. Type is left-aligned; empty space is generous.
41
- - **Colour never carries meaning alone.** Label every data series directly.
42
- - **Contrast floors hold.** 4.5:1 for normal text, 3:1 for large text and essential edges.
43
- Recheck the actual pairing you used; the kit certifies the core inks, not every wash.
44
- - **Only supplied facts.** No invented figures, promises, Pantone matches, or CMYK recipes.
45
- Replace every bracketed placeholder before export.
46
-
47
- ## Choose a voice
48
-
49
- | Voice | Use for | Ground | Text | Accent |
50
- | --- | --- | --- | --- | --- |
51
- | **Instrument** | Tools, dashboards, app-adjacent artifacts | one named theme from [tokens](references/tokens.json) | that theme's `text` | that theme's `accent` |
52
- | **Paper** | Reports, briefs, printed and print-like documents | stock `#EFE9DD` | body `#3A3024`, headings `#1A140C` | kicker `#9A3B2E`; display hit `#D63F2E` at 24px and above only |
53
- | **Billboard** | Data features, cover pages, big-figure statements | ground `#060606` | white `#FFFFFF`, muted `#8A8A8A` | hit `#F5E14B` |
54
-
55
- Paper is the default for a company report. Billboard is for a cover or a single dominant
56
- figure. Instrument is for anything that sits beside a running product.
57
-
58
- ## Read one reference
59
-
60
- | Task | Reference |
41
+ - **One dark theme.** Ground `#0a0a0a`, primary ink `#ededed`. No light variant, no per-project
42
+ retheming.
43
+ - **Type roles are fixed.** Plus Jakarta Sans for headings and body: H1 700 at
44
+ `clamp(34px, 5.4vw, 56px)`, its second half `<em>` drops to 300 in grey. JetBrains Mono for
45
+ labels, eyebrows, captions, figures, and sources: 11–12px, `letter-spacing .08em`, uppercase.
46
+ Body 16.5px / 1.55, lines capped at 72–80 characters.
47
+ - **Real weights only.** 300/400/700 exist; never fake a weight, never set faux bold or italics
48
+ the kit does not use.
49
+ - **MM green `#1fd18a` marks emphasis** — accents, key figures, labels, section openers. It
50
+ identifies; it does not decorate.
51
+ - **Wool `#c9ad82` marks official-document quotes and risk labels.**
52
+ - **Charts are inline SVG, no library.** Categorical series in order: blue `#3987e5`, orange
53
+ `#d95926`, green `#199e70` — used once each, never cycled. A highlighted series is MM green,
54
+ the rest grey `#3a3a3a`. Bar ends rounded 4px, lines 2px, labels mono 11px `#969696`. One axis
55
+ per chart; two scales mean two charts. viewBox 500 wide inside a column, ~720 at full width —
56
+ wider shrinks the labels unreadable.
57
+ - **Banned.** Light backgrounds, gradients, emoji, faux weights, centre-aligned body text.
58
+ - **Only supplied facts.** No invented figures; replace every placeholder before export.
59
+
60
+ ## Colours
61
+
62
+ | Variable | Value | Where |
63
+ | --- | --- | --- |
64
+ | `--bg` | `#0a0a0a` | Page ground |
65
+ | `--surface` | `#1a1a1a` | Summary box, surfaces |
66
+ | `--surface-dim` | `#111111` | Chart and image frames |
67
+ | `--ink` | `#ededed` | Primary text |
68
+ | `--ink-2` | `#c9c9c9` | Body text, secondary |
69
+ | `--muted` | `#969696` | Colophon, sources, footnotes |
70
+ | `--line` | `#2a2a2a` | Lines and separators |
71
+ | `--accent` | `#1fd18a` | MM green: emphasis, figures, labels |
72
+ | `--accent-soft` | `#10261c` | Implication-box ground |
73
+ | `--accent-line` | `#17402d` | Implication-box frame |
74
+ | `--wool` | `#c9ad82` | Wool tone: official quotes, risk labels |
75
+
76
+ ## Components
77
+
78
+ | Class | What |
61
79
  | --- | --- |
62
- | Exact colours, spacing, radii, themes | [tokens.json](references/tokens.json) |
63
- | Font loading, type sizes, margins, page and slide geometry, contrast, print | [Typography and layout](references/typography-and-layout.md) |
64
- | Build a report, one-pager, deck, data feature, social card, or signature | [Recipes](references/recipes.md) |
65
- | Design-division logo files | [logos/](references/logos) |
80
+ | `.brand` | Top band: logo + document type |
81
+ | `.eyebrow` | Label line above the title |
82
+ | `.ozet` | Executive-summary box |
83
+ | `.keys` | Five-up key-figure strip |
84
+ | `.toc` | Table of contents |
85
+ | `.part` | Section opener, green rule on top |
86
+ | `.frame` | Label + description caption grid |
87
+ | `.find` | Single finding: number, title, body |
88
+ | `.cols` / `.cols.even` | Two columns; text + visual |
89
+ | `.fig` / `.fig.shot` | Chart box / screenshot box |
90
+ | `.quote` / `.quote.doc` / `.quote.int` | Consumer / official-document / internal-meeting quote |
91
+ | `.imp` | Implication (takeaway) box |
92
+ | `table.t` | Table, first column mono label |
93
+ | `.list2` | Two-column list |
94
+ | `.risks` | Risk list |
95
+ | `.src` | Sources |
96
+
97
+ Grids collapse to one column below 820px; keep the breakpoints as shipped.
98
+
99
+ ## Building an artifact
100
+
101
+ 1. Copy `sablon.html`, keep the Google Fonts link, write inside `<div class="wrap">`.
102
+ 2. Publishing as a Claude artifact: inline `mm.css` into a single `<style>` tag and copy the logo
103
+ SVG into the page — artifacts cannot fetch local files.
104
+ 3. The logo sits in `.brand` at 14px height in ink colour. Never recolour it, never re-proportion
105
+ it, never put it anywhere else on the page.
106
+ 4. Return the editable HTML next to any PDF or PNG export.
66
107
 
67
108
  ## Before you hand over
68
109
 
69
- - One voice per block, no mixed palettes.
70
- - No logo on a company-wide document; MMD lockup only on Design artifacts.
110
+ - Dark theme intact; fonts loaded from Google Fonts, or the substitution disclosed.
71
111
  - Every placeholder replaced, every figure sourced.
72
- - Fonts loaded, or the substitution disclosed in the handover note.
73
- - Contrast checked on the pairings actually used.
74
- - Editable source returned alongside the PDF or PNG.
112
+ - One theme, one palette, charts as inline SVG.
package/skills/brand/references/mm-logo.svg ADDED
@@ -0,0 +1,24 @@
1
+ <svg class="logo" role="img" aria-label="Mutatis Mutandis" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 976.62 66.54">
2
+
3
+ <g id="Layer_1-2" data-name="Layer 1">
4
+ <g>
5
+ <path fill="currentColor" d="M80.25,65.09h-15.95s-2.71-43.83-2.71-43.83h-.2s-14.85,43.83-14.85,43.83h-12.84s-14.95-43.83-14.95-43.83h-.3s-2.51,43.83-2.51,43.83H0S5.22.75,5.22.75h20.46s14.45,42.34,14.45,42.34h.2S54.57.75,54.57.75h20.56s5.12,64.34,5.12,64.34Z"/>
6
+ <path fill="currentColor" d="M149.26,38.23c0,9.05-1.71,15.29-6.62,20.24-4.81,4.85-12.34,7.65-22.37,7.65-10.13,0-17.55-2.8-22.47-7.65-4.82-4.94-6.52-11.19-6.52-20.24V.75s16.35,0,16.35,0v37.49c0,4.57.4,8.11,2.71,10.72,2.21,2.42,5.42,4.01,9.93,4.01,4.51,0,7.72-1.59,9.93-4.01,2.31-2.61,2.71-6.15,2.71-10.72V.75s16.35,0,16.35,0v37.49Z"/>
7
+ <path fill="currentColor" d="M211.45,12.68h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
8
+ <path fill="currentColor" d="M277.45,65.09h-17.65s-4.92-12.96-4.92-12.96h-24.68s-4.92,12.96-4.92,12.96h-16.85S234.52.65,234.52.65h16.85s26.08,64.44,26.08,64.44ZM251.17,40.38l-8.63-23.13-8.63,23.13h17.25Z"/>
9
+ <path fill="currentColor" d="M325.4,12.68h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
10
+ <path fill="currentColor" d="M352.38,65.09h-16.25s0-64.34,0-64.34h16.25s0,64.34,0,64.34Z"/>
11
+ <path fill="currentColor" d="M405.64,60.89c-4.92,3.64-11.34,5.32-18.76,5.32-10.03,0-18.96-4.85-24.58-9.7l8.03-11c5.02,4.85,12.74,8.11,18.06,8.11,5.22,0,9.23-2.33,9.23-6.62,0-4.38-5.12-6.06-8.13-7.09-3.01-1.03-8.23-2.7-10.53-3.64-1.71-.75-5.22-1.96-8.23-4.66-3.01-2.61-5.42-6.34-5.42-12.4,0-6.15,3.21-11,7.22-14.08C376.45,2.05,382.77,0,390.8,0c8.03,0,17.25,3.54,21.97,7.93l-6.92,10.54c-4.01-3.73-10.23-6.53-15.45-6.53-5.22,0-9.03,1.86-9.03,5.78,0,3.92,3.91,5.41,7.02,6.53,3.01,1.12,8.13,2.8,10.33,3.64,1.91.65,6.52,2.33,9.63,5.22,2.91,2.7,5.42,6.62,5.42,12.4,0,6.15-3.11,11.75-8.13,15.39Z"/>
12
+ </g>
13
+ <g>
14
+ <path fill="currentColor" d="M542.09,65.42h-15.95s-2.71-43.83-2.71-43.83h-.2s-14.85,43.83-14.85,43.83h-12.84s-14.95-43.83-14.95-43.83h-.3s-2.51,43.83-2.51,43.83h-15.95s5.22-64.34,5.22-64.34h20.46s14.45,42.34,14.45,42.34h.2s14.24-42.34,14.24-42.34h20.56s5.12,64.34,5.12,64.34Z"/>
15
+ <path fill="currentColor" d="M611.1,38.56c0,9.05-1.71,15.29-6.62,20.24-4.81,4.85-12.34,7.65-22.37,7.65-10.13,0-17.55-2.8-22.47-7.65-4.82-4.94-6.52-11.19-6.52-20.24V1.07s16.35,0,16.35,0v37.49c0,4.57.4,8.11,2.71,10.72,2.21,2.42,5.42,4.01,9.93,4.01,4.51,0,7.72-1.59,9.93-4.01,2.31-2.61,2.71-6.15,2.71-10.72V1.07s16.35,0,16.35,0v37.49Z"/>
16
+ <path fill="currentColor" d="M673.29,13.01h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
17
+ <path fill="currentColor" d="M739.29,65.42h-17.65s-4.92-12.96-4.92-12.96h-24.68s-4.92,12.96-4.92,12.96h-16.85S696.36.98,696.36.98h16.85s26.08,64.44,26.08,64.44ZM713.01,40.7l-8.63-23.13-8.63,23.13h17.25Z"/>
18
+ <path fill="currentColor" d="M811.82,65.42h-16.65s-30.39-43.64-30.39-43.64c0,0,.3,7.74.3,14.55v29.09s-15.85,0-15.85,0V1.07s17.35,0,17.35,0l29.69,43.27s-.3-7.27-.3-14.08V1.07s15.85,0,15.85,0v64.34Z"/>
19
+ <path fill="currentColor" d="M876.62,57.77c-5.72,4.48-14.65,7.65-26.68,7.65h-23.47s0-64.34,0-64.34h23.47c12.04,0,20.96,3.17,26.68,7.74,5.82,4.48,11.24,11.94,11.24,24.43,0,12.5-5.42,19.96-11.24,24.53ZM865.28,18.14c-2.91-2.52-7.72-4.57-14.44-4.57h-8.23s0,39.07,0,39.07h8.23c6.72,0,11.54-2.05,14.44-4.66,2.91-2.52,6.12-6.81,6.12-14.73s-3.21-12.5-6.12-15.11Z"/>
20
+ <path fill="currentColor" d="M915.23,65.42h-16.25s0-64.34,0-64.34h16.25s0,64.34,0,64.34Z"/>
21
+ <path fill="currentColor" d="M968.5,61.22c-4.92,3.64-11.34,5.32-18.76,5.32-10.03,0-18.96-4.85-24.58-9.7l8.03-11c5.02,4.85,12.74,8.11,18.06,8.11,5.22,0,9.23-2.33,9.23-6.62,0-4.38-5.12-6.06-8.13-7.09-3.01-1.03-8.23-2.7-10.53-3.64-1.71-.75-5.22-1.96-8.23-4.66-3.01-2.61-5.42-6.34-5.42-12.4,0-6.15,3.21-11,7.22-14.08,3.91-3.08,10.23-5.13,18.26-5.13,8.03,0,17.25,3.54,21.97,7.93l-6.92,10.54c-4.01-3.73-10.23-6.53-15.45-6.53s-9.03,1.86-9.03,5.78c0,3.92,3.91,5.41,7.02,6.53,3.01,1.12,8.13,2.8,10.33,3.64,1.91.65,6.52,2.33,9.63,5.22,2.91,2.7,5.42,6.62,5.42,12.4,0,6.15-3.11,11.75-8.13,15.39Z"/>
22
+ </g>
23
+ </g>
24
+ </svg>
package/skills/brand/references/mm.css ADDED
@@ -0,0 +1,112 @@
1
+
2
+
3
+ :root{
4
+ --bg:#0a0a0a; --surface:#1a1a1a; --surface-dim:#111; --ink:#ededed; --ink-2:#c9c9c9; --muted:#969696;
5
+ --line:#2a2a2a; --accent:#1fd18a; --accent-soft:#10261c; --accent-line:#17402d; --wool:#c9ad82;
6
+ --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
7
+ --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
8
+ color-scheme:dark;
9
+ }
10
+ *{box-sizing:border-box}
11
+ html,body{background:var(--bg)}
12
+ body{margin:0;color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.55}
13
+ .wrap{max-width:1080px;margin:0 auto;padding-inline:24px;padding-block:36px 96px}
14
+ a{color:var(--ink);text-decoration:underline;text-decoration-color:#1fd18a66;text-underline-offset:3px}
15
+ a:hover{text-decoration-color:var(--accent)}
16
+ a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
17
+ p{margin:0 0 10px} p:last-child{margin-bottom:0}
18
+ ul{margin:0;padding-left:20px} li{margin:5px 0} li::marker{color:var(--accent)}
19
+ strong{font-weight:700}
20
+
21
+ .brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}
22
+ .brand .logo{height:14px;width:auto;color:var(--ink)}
23
+ .brand span{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
24
+ .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
25
+ h1{font-weight:700;font-size:clamp(34px,5.4vw,56px);line-height:1.02;margin:14px 0 10px;text-wrap:balance;letter-spacing:-.022em;max-width:20ch}
26
+ h1 em{font-style:normal;font-weight:300;color:var(--muted)}
27
+ .meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:12.5px;font-family:var(--mono)}
28
+ .fine{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin:10px 0 0;line-height:1.55}
29
+ .note{color:var(--ink-2);font-size:15px;max-width:80ch;margin-top:14px}
30
+
31
+ .ozet{margin:30px 0 0;padding:20px 24px;background:var(--surface);border-left:3px solid var(--accent);font-size:17px;line-height:1.6}
32
+ .ozet b{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px;font-weight:500}
33
+
34
+ .keys{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;border-top:1px solid var(--line)}
35
+ .keys > div{padding:16px 16px 18px 0;display:flex;flex-direction:column;gap:8px}
36
+ .keys > div + div{padding-left:16px;border-left:1px solid var(--line)}
37
+ .keys .n{font-weight:700;font-size:34px;line-height:1;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
38
+ .keys .h{font-weight:700;font-size:15.5px;line-height:1.3}
39
+ .keys .s{font-size:13.5px;color:var(--ink-2);line-height:1.45}
40
+
41
+ .toc{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-family:var(--mono);font-size:12px}
42
+ .toc a{color:var(--ink-2);text-decoration:none}
43
+ .toc a:hover{color:var(--accent)}
44
+ .toc span{color:var(--accent);margin-right:6px}
45
+
46
+ .part{margin-top:72px;padding-top:22px;border-top:2px solid var(--accent)}
47
+ .part .k{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
48
+ .part h2{font-weight:700;font-size:clamp(28px,3.8vw,40px);line-height:1.05;margin:8px 0 8px;letter-spacing:-.015em}
49
+ .part .lede{color:var(--ink-2);max-width:72ch;font-size:16.5px}
50
+
51
+ .frame{display:grid;grid-template-columns:170px 1fr;border-top:1px solid var(--line);margin-top:20px}
52
+ .frame > div{padding:14px 0;border-bottom:1px solid var(--line)}
53
+ .frame .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-top:17px;padding-right:16px}
54
+ .frame .v{max-width:78ch;color:var(--ink-2);font-size:15.5px}
55
+
56
+ .find{margin-top:44px}
57
+ .find .no{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em}
58
+ .find h3{font-weight:700;font-size:clamp(21px,2.5vw,26px);line-height:1.2;margin:6px 0 12px;letter-spacing:-.01em;max-width:44ch;text-wrap:balance}
59
+ .find .txt{color:var(--ink-2);max-width:74ch;font-size:16px}
60
+ .cols{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start;margin-top:18px}
61
+ .cols.even{grid-template-columns:1fr 1fr}
62
+
63
+ figure{margin:0}
64
+ .fig{background:var(--surface-dim);border:1px solid var(--line);padding:16px 16px 12px;margin-top:18px}
65
+ .fig .ft{font-weight:700;font-size:15px;margin-bottom:2px}
66
+ .fig .fs{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:12px}
67
+ .fig figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5}
68
+ .chart{display:block;width:100%;height:auto}
69
+ .shot img{display:block;width:100%;height:auto;border:1px solid var(--line)}
70
+ .cols .fig{margin-top:0}
71
+
72
+ .quotes{display:grid;gap:14px}
73
+ .quote{padding:2px 0 2px 14px;border-left:2px solid var(--line)}
74
+ .quote blockquote{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink)}
75
+ .quote cite{display:block;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}
76
+ .quote cite a{color:var(--muted)}
77
+ .quote.doc{border-left-color:var(--wool)}
78
+ .quote.int{border-left-color:var(--accent)}
79
+
80
+ .imp{margin-top:18px;background:var(--accent-soft);border:1px solid var(--accent-line);padding:13px 16px;font-size:15px;max-width:86ch}
81
+ .imp b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:4px}
82
+
83
+ .scroll-x{overflow-x:auto}
84
+ table.t{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
85
+ .t th{text-align:left;font-weight:700;font-size:15px;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:bottom}
86
+ .t td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
87
+ .t td:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);width:150px;padding-top:14px}
88
+
89
+ .list2{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;list-style:none;padding:0;margin:14px 0 0}
90
+ .list2 li{border-top:1px solid var(--line);padding:14px 0;margin:0}
91
+ .list2 h4{margin:0 0 4px;font-size:16.5px;font-weight:700}
92
+ .list2 p{font-size:15px;color:var(--ink-2)}
93
+ .risks{list-style:none;padding:0;margin:14px 0 0}
94
+ .risks li{display:grid;grid-template-columns:170px 1fr;gap:0 28px;border-top:1px solid var(--line);padding:14px 0;margin:0}
95
+ .risks .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--wool);padding-top:3px}
96
+ .risks .v{color:var(--ink-2);font-size:15px;max-width:76ch}
97
+ .risks .v strong{color:var(--ink)}
98
+ .method{font-size:14.5px;color:var(--ink-2);max-width:80ch}
99
+ .src{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 32px;margin-top:14px}
100
+ .src h4{grid-column:1/-1;margin:18px 0 2px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
101
+ .src a,.src span{font-size:13.5px;line-height:1.4;color:var(--ink-2);display:block;overflow-wrap:anywhere}
102
+
103
+ @media (max-width:820px){
104
+ .keys{grid-template-columns:1fr 1fr}
105
+ .keys > div,.keys > div + div{padding:14px 12px 16px 0;border-left:0;border-top:1px solid var(--line)}
106
+ .cols,.cols.even,.list2,.src{grid-template-columns:1fr}
107
+ .frame{grid-template-columns:1fr}
108
+ .frame .k{padding:14px 0 0;border-bottom:0}
109
+ .frame .v{padding-top:4px}
110
+ .risks li{grid-template-columns:1fr}
111
+ .risks .k{padding:0 0 4px}
112
+ }
package/skills/brand/references/sablon.html ADDED
@@ -0,0 +1,162 @@
1
+ <!doctype html>
2
+ <html lang="tr">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <title>MM Stil Sablonu</title>
7
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap">
8
+ <link rel="stylesheet" href="mm.css">
9
+ </head>
10
+ <body>
11
+ <div class="wrap">
12
+
13
+ <header class="brand">
14
+ <svg class="logo" role="img" aria-label="Mutatis Mutandis" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 976.62 66.54">
15
+
16
+ <g id="Layer_1-2" data-name="Layer 1">
17
+ <g>
18
+ <path fill="currentColor" d="M80.25,65.09h-15.95s-2.71-43.83-2.71-43.83h-.2s-14.85,43.83-14.85,43.83h-12.84s-14.95-43.83-14.95-43.83h-.3s-2.51,43.83-2.51,43.83H0S5.22.75,5.22.75h20.46s14.45,42.34,14.45,42.34h.2S54.57.75,54.57.75h20.56s5.12,64.34,5.12,64.34Z"/>
19
+ <path fill="currentColor" d="M149.26,38.23c0,9.05-1.71,15.29-6.62,20.24-4.81,4.85-12.34,7.65-22.37,7.65-10.13,0-17.55-2.8-22.47-7.65-4.82-4.94-6.52-11.19-6.52-20.24V.75s16.35,0,16.35,0v37.49c0,4.57.4,8.11,2.71,10.72,2.21,2.42,5.42,4.01,9.93,4.01,4.51,0,7.72-1.59,9.93-4.01,2.31-2.61,2.71-6.15,2.71-10.72V.75s16.35,0,16.35,0v37.49Z"/>
20
+ <path fill="currentColor" d="M211.45,12.68h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
21
+ <path fill="currentColor" d="M277.45,65.09h-17.65s-4.92-12.96-4.92-12.96h-24.68s-4.92,12.96-4.92,12.96h-16.85S234.52.65,234.52.65h16.85s26.08,64.44,26.08,64.44ZM251.17,40.38l-8.63-23.13-8.63,23.13h17.25Z"/>
22
+ <path fill="currentColor" d="M325.4,12.68h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
23
+ <path fill="currentColor" d="M352.38,65.09h-16.25s0-64.34,0-64.34h16.25s0,64.34,0,64.34Z"/>
24
+ <path fill="currentColor" d="M405.64,60.89c-4.92,3.64-11.34,5.32-18.76,5.32-10.03,0-18.96-4.85-24.58-9.7l8.03-11c5.02,4.85,12.74,8.11,18.06,8.11,5.22,0,9.23-2.33,9.23-6.62,0-4.38-5.12-6.06-8.13-7.09-3.01-1.03-8.23-2.7-10.53-3.64-1.71-.75-5.22-1.96-8.23-4.66-3.01-2.61-5.42-6.34-5.42-12.4,0-6.15,3.21-11,7.22-14.08C376.45,2.05,382.77,0,390.8,0c8.03,0,17.25,3.54,21.97,7.93l-6.92,10.54c-4.01-3.73-10.23-6.53-15.45-6.53-5.22,0-9.03,1.86-9.03,5.78,0,3.92,3.91,5.41,7.02,6.53,3.01,1.12,8.13,2.8,10.33,3.64,1.91.65,6.52,2.33,9.63,5.22,2.91,2.7,5.42,6.62,5.42,12.4,0,6.15-3.11,11.75-8.13,15.39Z"/>
25
+ </g>
26
+ <g>
27
+ <path fill="currentColor" d="M542.09,65.42h-15.95s-2.71-43.83-2.71-43.83h-.2s-14.85,43.83-14.85,43.83h-12.84s-14.95-43.83-14.95-43.83h-.3s-2.51,43.83-2.51,43.83h-15.95s5.22-64.34,5.22-64.34h20.46s14.45,42.34,14.45,42.34h.2s14.24-42.34,14.24-42.34h20.56s5.12,64.34,5.12,64.34Z"/>
28
+ <path fill="currentColor" d="M611.1,38.56c0,9.05-1.71,15.29-6.62,20.24-4.81,4.85-12.34,7.65-22.37,7.65-10.13,0-17.55-2.8-22.47-7.65-4.82-4.94-6.52-11.19-6.52-20.24V1.07s16.35,0,16.35,0v37.49c0,4.57.4,8.11,2.71,10.72,2.21,2.42,5.42,4.01,9.93,4.01,4.51,0,7.72-1.59,9.93-4.01,2.31-2.61,2.71-6.15,2.71-10.72V1.07s16.35,0,16.35,0v37.49Z"/>
29
+ <path fill="currentColor" d="M673.29,13.01h-17.86s0,52.41,0,52.41h-16.25s0-52.41,0-52.41h-17.86s0-11.94,0-11.94h51.96s0,11.94,0,11.94Z"/>
30
+ <path fill="currentColor" d="M739.29,65.42h-17.65s-4.92-12.96-4.92-12.96h-24.68s-4.92,12.96-4.92,12.96h-16.85S696.36.98,696.36.98h16.85s26.08,64.44,26.08,64.44ZM713.01,40.7l-8.63-23.13-8.63,23.13h17.25Z"/>
31
+ <path fill="currentColor" d="M811.82,65.42h-16.65s-30.39-43.64-30.39-43.64c0,0,.3,7.74.3,14.55v29.09s-15.85,0-15.85,0V1.07s17.35,0,17.35,0l29.69,43.27s-.3-7.27-.3-14.08V1.07s15.85,0,15.85,0v64.34Z"/>
32
+ <path fill="currentColor" d="M876.62,57.77c-5.72,4.48-14.65,7.65-26.68,7.65h-23.47s0-64.34,0-64.34h23.47c12.04,0,20.96,3.17,26.68,7.74,5.82,4.48,11.24,11.94,11.24,24.43,0,12.5-5.42,19.96-11.24,24.53ZM865.28,18.14c-2.91-2.52-7.72-4.57-14.44-4.57h-8.23s0,39.07,0,39.07h8.23c6.72,0,11.54-2.05,14.44-4.66,2.91-2.52,6.12-6.81,6.12-14.73s-3.21-12.5-6.12-15.11Z"/>
33
+ <path fill="currentColor" d="M915.23,65.42h-16.25s0-64.34,0-64.34h16.25s0,64.34,0,64.34Z"/>
34
+ <path fill="currentColor" d="M968.5,61.22c-4.92,3.64-11.34,5.32-18.76,5.32-10.03,0-18.96-4.85-24.58-9.7l8.03-11c5.02,4.85,12.74,8.11,18.06,8.11,5.22,0,9.23-2.33,9.23-6.62,0-4.38-5.12-6.06-8.13-7.09-3.01-1.03-8.23-2.7-10.53-3.64-1.71-.75-5.22-1.96-8.23-4.66-3.01-2.61-5.42-6.34-5.42-12.4,0-6.15,3.21-11,7.22-14.08,3.91-3.08,10.23-5.13,18.26-5.13,8.03,0,17.25,3.54,21.97,7.93l-6.92,10.54c-4.01-3.73-10.23-6.53-15.45-6.53s-9.03,1.86-9.03,5.78c0,3.92,3.91,5.41,7.02,6.53,3.01,1.12,8.13,2.8,10.33,3.64,1.91.65,6.52,2.33,9.63,5.22,2.91,2.7,5.42,6.62,5.42,12.4,0,6.15-3.11,11.75-8.13,15.39Z"/>
35
+ </g>
36
+ </g>
37
+ </svg>
38
+ <span>Dokuman turu / Surum</span>
39
+ </header>
40
+
41
+ <p class="eyebrow">Marka adi &middot; Calisma adi &middot; Surum</p>
42
+ <h1>Ana baslik burada durur, <em>ikinci yari daha acik tonda</em></h1>
43
+ <div class="meta"><span>Hazirlayan: Strateji</span><span>Tarih</span><span>Kaynak sayisi: 00</span></div>
44
+
45
+ <div class="ozet">
46
+ <b>Yonetici ozeti</b>
47
+ <p>Calismanin ozeti bu kutuda durur. Uc dort cumle, kisa ve sade. Okuyan kisi baska hicbir yere bakmadan isin ne oldugunu anlamali.</p>
48
+ </div>
49
+
50
+ <div class="keys">
51
+ <div><span class="n">%66</span><span class="h">Kisa baslik</span><span class="s">Rakamin ne anlama geldigi tek cumlede.</span></div>
52
+ <div><span class="n">%15</span><span class="h">Kisa baslik</span><span class="s">Rakamin ne anlama geldigi tek cumlede.</span></div>
53
+ <div><span class="n">2,1 kat</span><span class="h">Kisa baslik</span><span class="s">Rakamin ne anlama geldigi tek cumlede.</span></div>
54
+ <div><span class="n">%72</span><span class="h">Kisa baslik</span><span class="s">Rakamin ne anlama geldigi tek cumlede.</span></div>
55
+ <div><span class="n">4 / 35</span><span class="h">Kisa baslik</span><span class="s">Rakamin ne anlama geldigi tek cumlede.</span></div>
56
+ </div>
57
+
58
+ <nav class="toc">
59
+ <a href="#b1"><span>01</span>Birinci bolum</a>
60
+ <a href="#b2"><span>02</span>Ikinci bolum</a>
61
+ <a href="#b3"><span>03</span>Ucuncu bolum</a>
62
+ </nav>
63
+
64
+ <section class="part" id="b1">
65
+ <p class="k">Bolum 01</p>
66
+ <h2>Bolum basligi bir isim tamlamasidir</h2>
67
+ <p class="lede">Bolumun ne anlattigini bir iki cumlede ozetleyen giris metni. Cumleler kisa, dil sade.</p>
68
+
69
+ <div class="frame">
70
+ <div class="k">Amac</div><div class="v">Sol sutun etiket, sag sutun aciklama. Yontem, kapsam, sinirlar gibi kisa kunye bilgileri icin.</div>
71
+ <div class="k">Yontem</div><div class="v">Masa basi arastirma, ikincil kaynak taramasi, sosyal dinleme.</div>
72
+ <div class="k">Sinirlar</div><div class="v">Ornekleme dayali degildir, anketle dogrulanmalidir.</div>
73
+ </div>
74
+
75
+ <div class="find">
76
+ <p class="no">BULGU 01</p>
77
+ <h3>Bulgu basligi tam bir cumledir, genis zamanda yazilir.</h3>
78
+ <div class="cols">
79
+ <div class="txt">
80
+ <p>Bulgunun govde metni. Once ne gorduguumuz, sonra neye dayandigi. Slogan yok, benzetme yok.</p>
81
+ <div class="quotes">
82
+ <div class="quote"><blockquote>Tuketici alintisi buraya gelir.</blockquote><cite>Kaynak, tarih</cite></div>
83
+ <div class="quote doc"><blockquote>Resmi dokuman alintisi icin yun rengi cizgi.</blockquote><cite>Kurum, dokuman adi</cite></div>
84
+ <div class="quote int"><blockquote>Ic toplanti alintisi icin yesil cizgi.</blockquote><cite>Ekip ici not, tarih</cite></div>
85
+ </div>
86
+ <div class="imp"><b>Marka icin cikarim</b>Bulgunun stratejiye yansimasi. "-meli / -mali" ile biten tek cumle.</div>
87
+ </div>
88
+ <figure class="fig">
89
+ <div class="ft">Grafik basligi</div>
90
+ <div class="fs">Kaynak &middot; donem &middot; birim</div>
91
+ <svg class="chart" viewBox="0 0 500 200" role="img" aria-label="Ornek grafik">
92
+ <g font-family="JetBrains Mono, monospace" font-size="11" fill="#969696">
93
+ <text x="0" y="192">2022</text><text x="120" y="192">2023</text><text x="240" y="192">2024</text><text x="360" y="192">2025</text>
94
+ </g>
95
+ <rect x="0" y="120" width="70" height="55" rx="4" fill="#3987e5"></rect>
96
+ <rect x="120" y="96" width="70" height="79" rx="4" fill="#3987e5"></rect>
97
+ <rect x="240" y="70" width="70" height="105" rx="4" fill="#3987e5"></rect>
98
+ <rect x="360" y="34" width="70" height="141" rx="4" fill="#1fd18a"></rect>
99
+ </svg>
100
+ <figcaption>Grafigin ne gosterdigi ve nasil okundugu.</figcaption>
101
+ </figure>
102
+ </div>
103
+ </div>
104
+
105
+ <div class="find">
106
+ <p class="no">BULGU 02</p>
107
+ <h3>Ikinci bulgu basligi.</h3>
108
+ <div class="cols even">
109
+ <div class="txt"><p>Iki esit sutun gerektiginde <code>cols even</code> kullanilir.</p></div>
110
+ <figure class="fig shot">
111
+ <div class="ft">Ekran goruntusu basligi</div>
112
+ <div class="fs">Platform &middot; tarih</div>
113
+ <img src="ornek-gorsel.jpg" alt="Ornek ekran goruntusu">
114
+ <figcaption>Ekran goruntusunun aciklamasi.</figcaption>
115
+ </figure>
116
+ </div>
117
+ </div>
118
+ </section>
119
+
120
+ <section class="part" id="b2">
121
+ <p class="k">Bolum 02</p>
122
+ <h2>Tablo ve listeler</h2>
123
+
124
+ <div class="scroll-x">
125
+ <table class="t">
126
+ <thead><tr><th>Alan</th><th>Ne gorunuyor</th><th>Ne yapmali</th></tr></thead>
127
+ <tbody>
128
+ <tr><td>Birinci satir</td><td>Gozlem</td><td>Aksiyon</td></tr>
129
+ <tr><td>Ikinci satir</td><td>Gozlem</td><td>Aksiyon</td></tr>
130
+ </tbody>
131
+ </table>
132
+ </div>
133
+
134
+ <ul class="list2">
135
+ <li><h4>Madde basligi</h4><p>Iki sutunlu liste, stratejiye yansima maddeleri icin.</p></li>
136
+ <li><h4>Madde basligi</h4><p>Iki sutunlu liste, stratejiye yansima maddeleri icin.</p></li>
137
+ </ul>
138
+
139
+ <ul class="risks">
140
+ <li><span class="k">Risk adi</span><span class="v"><strong>Ne olabilir:</strong> riskin tarifi ve nasil yonetilecegi.</span></li>
141
+ <li><span class="k">Risk adi</span><span class="v"><strong>Ne olabilir:</strong> riskin tarifi ve nasil yonetilecegi.</span></li>
142
+ </ul>
143
+ </section>
144
+
145
+ <section class="part" id="b3">
146
+ <p class="k">Ek</p>
147
+ <h2>Yontem notlari ve kaynaklar</h2>
148
+ <p class="method">Yontem notlari bu stilde yazilir.</p>
149
+ <div class="src">
150
+ <h4>Arastirma kuruluslari</h4>
151
+ <a href="#">Kurum &middot; Calisma adi &middot; yil</a>
152
+ <a href="#">Kurum &middot; Calisma adi &middot; yil</a>
153
+ <h4>Basin</h4>
154
+ <a href="#">Yayin &middot; Haber basligi &middot; tarih</a>
155
+ <span>Ic kaynak: toplanti notu, tarih</span>
156
+ </div>
157
+ <p class="fine">Kucuk punto dipnot satiri.</p>
158
+ </section>
159
+
160
+ </div>
161
+ </body>
162
+ </html>
package/skills/brand/references/logos/mmd-lockup-dark.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="306" height="48" viewBox="0 0 306 48" role="img" aria-label="Mutatis Mutandis Design"><rect width="48" height="48" rx="10" fill="#FFFFFF"/><g transform="translate(8 8)"><rect width="32" height="32" rx="7" fill="#000000"/><path fill="#FFFFFF" transform="translate(2.5035,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(11.9155,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#3B82F6" transform="translate(21.3275,19.6120) scale(0.01050000, -0.01050000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/></g><path fill="#FFFFFF" transform="translate(60.0000,29.0000) scale(0.01500000, -0.01500000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(74.3100,29.0000) scale(0.01500000, -0.01500000)" d="M417 -12Q253 -12 163.5 62.0Q74 136 74 277V688H295V280Q295 222 326.0 187.5Q357 153 416 153Q475 153 506.5 188.0Q538 223 538 280V688H759V277Q759 136 670.0 62.0Q581 -12 417 -12Z"/><path fill="#FFFFFF" transform="translate(86.9550,29.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#FFFFFF" transform="translate(97.9350,29.0000) scale(0.01500000, -0.01500000)" d="M535 0 506 97H265L236 0H10L261 688H518L769 0ZM311 251H460L388 496H384Z"/><path fill="#FFFFFF" transform="translate(109.7550,29.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#FFFFFF" transform="translate(120.7350,29.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#FFFFFF" transform="translate(126.7200,29.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#FFFFFF" transform="translate(137.7000,29.0000) scale(0.01500000, -0.01500000)" d=""/><path fill="#FFFFFF" transform="translate(142.8450,29.0000) scale(0.01500000, -0.01500000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(157.1550,29.0000) scale(0.01500000, -0.01500000)" d="M417 -12Q253 -12 163.5 62.0Q74 136 74 277V688H295V280Q295 222 326.0 187.5Q357 153 416 153Q475 153 506.5 188.0Q538 223 538 280V688H759V277Q759 136 670.0 62.0Q581 -12 417 -12Z"/><path fill="#FFFFFF" transform="translate(169.8000,29.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#FFFFFF" transform="translate(180.7800,29.0000) scale(0.01500000, -0.01500000)" d="M535 0 506 97H265L236 0H10L261 688H518L769 0ZM311 251H460L388 496H384Z"/><path fill="#FFFFFF" transform="translate(192.6000,29.0000) scale(0.01500000, -0.01500000)" d="M566 0 277 334V0H74V688H267L556 349V688H759V0Z"/><path fill="#FFFFFF" transform="translate(205.2450,29.0000) scale(0.01500000, -0.01500000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/><path fill="#FFFFFF" transform="translate(217.0650,29.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#FFFFFF" transform="translate(223.0500,29.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#FFFFFF" transform="translate(234.0300,29.0000) scale(0.01500000, -0.01500000)" d=""/><path fill="#3B82F6" transform="translate(239.1750,29.0000) scale(0.01500000, -0.01500000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/><path fill="#3B82F6" transform="translate(250.9950,29.0000) scale(0.01500000, -0.01500000)" d="M74 688H669V523H295V428H615V270H295V165H676V0H74Z"/><path fill="#3B82F6" transform="translate(261.9750,29.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#3B82F6" transform="translate(272.9550,29.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#3B82F6" transform="translate(278.9400,29.0000) scale(0.01500000, -0.01500000)" d="M770 439H559Q559 482 521.0 508.5Q483 535 429 535Q351 535 311.0 493.5Q271 452 271 376V312Q271 236 311.0 194.5Q351 153 429 153Q483 153 521.0 178.5Q559 204 559 244H403V384H770V0H656L634 68Q540 -12 388 -12Q217 -12 131.0 77.5Q45 167 45 344Q45 519 142.5 609.5Q240 700 420 700Q519 700 598.0 670.0Q677 640 723.5 581.5Q770 523 770 439Z"/><path fill="#3B82F6" transform="translate(291.5850,29.0000) scale(0.01500000, -0.01500000)" d="M566 0 277 334V0H74V688H267L556 349V688H759V0Z"/></svg>
package/skills/brand/references/logos/mmd-lockup-light.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="290" height="32" viewBox="0 0 290 32" role="img" aria-label="Mutatis Mutandis Design"><rect width="32" height="32" rx="7" fill="#000000"/><path fill="#FFFFFF" transform="translate(2.5035,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(11.9155,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#3B82F6" transform="translate(21.3275,19.6120) scale(0.01050000, -0.01050000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/><path fill="#000000" transform="translate(44.0000,21.0000) scale(0.01500000, -0.01500000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#000000" transform="translate(58.3100,21.0000) scale(0.01500000, -0.01500000)" d="M417 -12Q253 -12 163.5 62.0Q74 136 74 277V688H295V280Q295 222 326.0 187.5Q357 153 416 153Q475 153 506.5 188.0Q538 223 538 280V688H759V277Q759 136 670.0 62.0Q581 -12 417 -12Z"/><path fill="#000000" transform="translate(70.9550,21.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#000000" transform="translate(81.9350,21.0000) scale(0.01500000, -0.01500000)" d="M535 0 506 97H265L236 0H10L261 688H518L769 0ZM311 251H460L388 496H384Z"/><path fill="#000000" transform="translate(93.7550,21.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#000000" transform="translate(104.7350,21.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#000000" transform="translate(110.7200,21.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#000000" transform="translate(121.7000,21.0000) scale(0.01500000, -0.01500000)" d=""/><path fill="#000000" transform="translate(126.8450,21.0000) scale(0.01500000, -0.01500000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#000000" transform="translate(141.1550,21.0000) scale(0.01500000, -0.01500000)" d="M417 -12Q253 -12 163.5 62.0Q74 136 74 277V688H295V280Q295 222 326.0 187.5Q357 153 416 153Q475 153 506.5 188.0Q538 223 538 280V688H759V277Q759 136 670.0 62.0Q581 -12 417 -12Z"/><path fill="#000000" transform="translate(153.8000,21.0000) scale(0.01500000, -0.01500000)" d="M470 512V0H249V512H23V688H695V512Z"/><path fill="#000000" transform="translate(164.7800,21.0000) scale(0.01500000, -0.01500000)" d="M535 0 506 97H265L236 0H10L261 688H518L769 0ZM311 251H460L388 496H384Z"/><path fill="#000000" transform="translate(176.6000,21.0000) scale(0.01500000, -0.01500000)" d="M566 0 277 334V0H74V688H267L556 349V688H759V0Z"/><path fill="#000000" transform="translate(189.2450,21.0000) scale(0.01500000, -0.01500000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/><path fill="#000000" transform="translate(201.0650,21.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#000000" transform="translate(207.0500,21.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#000000" transform="translate(218.0300,21.0000) scale(0.01500000, -0.01500000)" d=""/><path fill="#3B82F6" transform="translate(223.1750,21.0000) scale(0.01500000, -0.01500000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/><path fill="#3B82F6" transform="translate(234.9950,21.0000) scale(0.01500000, -0.01500000)" d="M74 688H669V523H295V428H615V270H295V165H676V0H74Z"/><path fill="#3B82F6" transform="translate(245.9750,21.0000) scale(0.01500000, -0.01500000)" d="M667 488V476H460V480Q460 510 438.0 530.0Q416 550 371 550Q327 550 303.5 537.0Q280 524 280 505Q280 478 312.0 465.0Q344 452 415 438Q498 421 551.5 402.5Q605 384 645.0 342.0Q685 300 686 228Q686 106 603.5 47.0Q521 -12 383 -12Q222 -12 132.5 42.0Q43 96 43 233H252Q252 181 279.0 163.5Q306 146 363 146Q405 146 432.5 155.0Q460 164 460 192Q460 217 429.5 229.5Q399 242 330 256Q246 274 191.0 293.5Q136 313 95.0 358.0Q54 403 54 480Q54 593 141.5 646.5Q229 700 363 700Q495 700 580.0 646.5Q665 593 667 488Z"/><path fill="#3B82F6" transform="translate(256.9550,21.0000) scale(0.01500000, -0.01500000)" d="M84 0V688H305V0Z"/><path fill="#3B82F6" transform="translate(262.9400,21.0000) scale(0.01500000, -0.01500000)" d="M770 439H559Q559 482 521.0 508.5Q483 535 429 535Q351 535 311.0 493.5Q271 452 271 376V312Q271 236 311.0 194.5Q351 153 429 153Q483 153 521.0 178.5Q559 204 559 244H403V384H770V0H656L634 68Q540 -12 388 -12Q217 -12 131.0 77.5Q45 167 45 344Q45 519 142.5 609.5Q240 700 420 700Q519 700 598.0 670.0Q677 640 723.5 581.5Q770 523 770 439Z"/><path fill="#3B82F6" transform="translate(275.5850,21.0000) scale(0.01500000, -0.01500000)" d="M566 0 277 334V0H74V688H267L556 349V688H759V0Z"/></svg>
package/skills/brand/references/logos/mmd-mark-held.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" role="img" aria-label="Mutatis Mutandis Design"><rect width="48" height="48" rx="10" fill="#FFFFFF"/><g transform="translate(8 8)"><rect width="32" height="32" rx="7" fill="#000000"/><path fill="#FFFFFF" transform="translate(2.5035,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(11.9155,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#3B82F6" transform="translate(21.3275,19.6120) scale(0.01050000, -0.01050000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/></g></svg>
package/skills/brand/references/logos/mmd-mark.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" role="img" aria-label="Mutatis Mutandis Design"><rect width="32" height="32" rx="7" fill="#000000"/><path fill="#FFFFFF" transform="translate(2.5035,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#FFFFFF" transform="translate(11.9155,19.6120) scale(0.01050000, -0.01050000)" d="M665 0V248Q665 294 668.5 342.5Q672 391 676.0 424.0Q680 457 681 466H677L550 0H377L249 465H245Q246 456 250.5 423.5Q255 391 259.0 342.5Q263 294 263 248V0H60V688H372L476 291H480L583 688H884V0Z"/><path fill="#3B82F6" transform="translate(21.3275,19.6120) scale(0.01050000, -0.01050000)" d="M733 344Q733 0 372 0H74V688H372Q733 688 733 344ZM295 165H368Q507 165 507 314V374Q507 523 368 523H295Z"/></svg>
package/skills/brand/references/recipes.md DELETED
@@ -1,96 +0,0 @@
1
- # Recipes
2
-
3
- Worked use cases. Each names the voice, the masthead, and what to hand back.
4
-
5
- ## 1. Company report or PDF
6
-
7
- Voice **Paper**. Masthead: organisation name in Archivo Black, no logo. Cover may switch to
8
- **Billboard** if it carries one dominant figure — that is a separate block, so the boundary is
9
- the page edge.
10
-
11
- Structure: cover, one-paragraph summary, then sections at 16pt headings. Figures in Roboto
12
- Mono. Source line for every number. Date and document ID in mono metadata at 13pt.
13
-
14
- Generate HTML and print to PDF. Skeleton:
15
-
16
- ```html
17
- <!doctype html>
18
- <html lang="en">
19
- <head>
20
- <meta charset="utf-8">
21
- <title>[Report title]</title>
22
- <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Questrial&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
23
- <style>
24
- @page{size:A4 portrait;margin:20mm}
25
- :root{font-synthesis:none;--display:"Archivo Black","Arial Black",sans-serif;
26
- --sans:Questrial,Arial,sans-serif;--mono:"Roboto Mono","Courier New",monospace;
27
- --stock:#EFE9DD;--ink:#1A140C;--body:#3A3024;--kicker:#9A3B2E}
28
- body{background:var(--stock);color:var(--body);font-family:var(--sans);
29
- font-size:11pt;line-height:1.5;margin:0}
30
- .org{font-family:var(--display);font-size:14pt;color:var(--ink);letter-spacing:.005em}
31
- h1{font-family:var(--display);font-size:24pt;line-height:1.1;color:var(--ink);margin:8mm 0 4mm}
32
- h2{font-size:16pt;font-weight:400;line-height:1.2;color:var(--ink);margin:10mm 0 3mm}
33
- .meta{font-family:var(--mono);font-size:9pt;color:var(--kicker)}
34
- .figure{font-family:var(--mono);font-size:11pt}
35
- table{border-collapse:collapse;width:100%}
36
- th{text-align:left;font-weight:400;border-bottom:2px solid var(--ink);padding:2mm 0}
37
- td{border-bottom:1px solid #D4D1C7;padding:2mm 0}
38
- </style>
39
- </head>
40
- <body>
41
- <div class="org">Mutatis Mutandis</div>
42
- <h1>[Report title]</h1>
43
- <p class="meta">[YYYY-MM-DD] · [DOC-ID]</p>
44
- <h2>[Section]</h2>
45
- <p>[Body]</p>
46
- </body>
47
- </html>
48
- ```
49
-
50
- Hand back: the HTML and the PDF.
51
-
52
- ## 2. One-pager or brief
53
-
54
- Voice **Paper**. One page, A4, 20mm margins. Title at 24pt, a two-line standfirst, then at most
55
- three sections. No table of contents, no cover. Left-aligned throughout, generous empty space
56
- at the foot — do not fill the page for the sake of filling it.
57
-
58
- ## 3. Slide deck
59
-
60
- Voice **Billboard** for title and section slides, **Paper** or **Instrument** for content —
61
- switch only at a slide boundary. 16:9. Titles 32–42pt in Archivo Black, body 20–24pt Questrial,
62
- figures in Roboto Mono. One idea per slide. No bullet nesting past one level. Keep content
63
- clear of the outer 5% of the frame.
64
-
65
- Hand back: the editable deck plus a PDF for faithful viewing.
66
-
67
- ## 4. Data feature or cover figure
68
-
69
- Voice **Billboard**. Ground `#060606`, figure in white at the largest size the frame allows,
70
- label in muted `#8A8A8A`, one accent in hit `#F5E14B` — one accent, not three. Rule lines in
71
- muted, 1px. Label every series directly on the chart; a colour key alone is not labelling.
72
- Axis and tick text in Roboto Mono.
73
-
74
- ## 5. Social card
75
-
76
- Voice **Paper** or **Billboard**. 1080 × 1080 square or 1080 × 1350 portrait. Key text at least
77
- 64px from every edge. Display copy may be uppercase; body copy may not. Check the destination
78
- platform's crop before export. Export PNG, and hand back the editable SVG with it.
79
-
80
- ## 6. Email signature
81
-
82
- Live text only — Arial, no webfont, no remote image. Name, role, contact. Replace both the
83
- visible contact text and the `mailto:` target. Test by sending to yourself. If a logo is
84
- wanted, insert the PNG through the mail client's own signature editor.
85
-
86
- ## 7. Reviewing someone else's artifact
87
-
88
- Check in this order, and report findings as a short list:
89
-
90
- 1. Logo: is an MMD lockup on a company-wide document that should carry none?
91
- 2. Voice: two palettes mixed inside one block?
92
- 3. Type: any faked bold, any Questrial heading pretending to be heavy?
93
- 4. Colour: a division hue used as body text, or colour carrying meaning alone?
94
- 5. Banned styling: gradients, emoji, coloured-left-border cards, centred body text?
95
- 6. Contrast: measure the pairings actually used, not the ones intended.
96
- 7. Placeholders: any bracketed text left in the export?
package/skills/brand/references/tokens.json DELETED
@@ -1,206 +0,0 @@
1
- {
2
- "source": "https://claude.ai/artifact/1BtZiyMGXN8myPepBETNRh",
3
- "retrieved": "2026-09-17",
4
- "brand": {
5
- "ink": "#000000",
6
- "paper": "#FFFFFF",
7
- "off-paper": "#F4F3EF",
8
- "off-ink": "#121212",
9
- "yellow": "#F5E14B",
10
- "red": "#E5352B",
11
- "blue": "#2B4BE5",
12
- "green": "#1F8A5E"
13
- },
14
- "divisions": {
15
- "Intelligence": "#1AA572",
16
- "Design": "#3B82F6",
17
- "Creative": "#EB4233",
18
- "Games": "#EAA100",
19
- "Strategy": "#8B5CF6"
20
- },
21
- "paper": {
22
- "stock": "#EFE9DD",
23
- "ink": "#1A140C",
24
- "kicker": "#9A3B2E",
25
- "hit": "#D63F2E",
26
- "body": "#3A3024"
27
- },
28
- "billboard": {
29
- "ground": "#060606",
30
- "ink": "#FFFFFF",
31
- "muted": "#8A8A8A",
32
- "hit": "#F5E14B"
33
- },
34
- "neutral": [
35
- "#F7F6F2",
36
- "#EAE8E1",
37
- "#D4D1C7",
38
- "#B8B4A6",
39
- "#8F8B7D",
40
- "#6A6758",
41
- "#4A483D",
42
- "#2E2D26",
43
- "#1A1A16",
44
- "#0A0A08"
45
- ],
46
- "entity": [
47
- "#1FD18A",
48
- "#3B9DFF",
49
- "#FFD93D",
50
- "#6C5CE7",
51
- "#FF6B6B",
52
- "#00E5CC",
53
- "#FF9F40",
54
- "#EB4233"
55
- ],
56
- "spacing": [
57
- 0,
58
- 4,
59
- 8,
60
- 12,
61
- 16,
62
- 24,
63
- 32,
64
- 48,
65
- 64,
66
- 96,
67
- 128
68
- ],
69
- "radius": {
70
- "r-0": 0,
71
- "r-1": 2,
72
- "r-2": 6,
73
- "r-3": 12,
74
- "r-4": 20,
75
- "r-pill": 999
76
- },
77
- "durationMs": [
78
- 110,
79
- 180,
80
- 240,
81
- 600
82
- ],
83
- "themes": {
84
- "default": {
85
- "bg": "#FFFFFF",
86
- "surface": "#FFFFFF",
87
- "text": "#111111",
88
- "text-muted": "#333333",
89
- "accent": "#0A6D4A",
90
- "coral": "#A83535",
91
- "yellow": "#765C00",
92
- "purple": "#5647C9",
93
- "blue": "#2D619E",
94
- "success": "#0A6D4A",
95
- "warn": "#805800",
96
- "error": "#AD2E2E",
97
- "info": "#2761A0"
98
- },
99
- "p-studio": {
100
- "bg": "#070707",
101
- "surface": "#161616",
102
- "text": "#EDEDED",
103
- "text-muted": "#8A8A8A",
104
- "accent": "#1FD18A",
105
- "coral": "#FF6B6B",
106
- "yellow": "#FFD93D",
107
- "purple": "#9B90EF",
108
- "blue": "#3C9EFF",
109
- "success": "#1FD18A",
110
- "warn": "#FFC53D",
111
- "error": "#FF6565",
112
- "info": "#3C9EFF"
113
- },
114
- "p-void": {
115
- "bg": "#050510",
116
- "surface": "#12122A",
117
- "text": "#E8E8F0",
118
- "text-muted": "#8888A6",
119
- "accent": "#00FF88",
120
- "coral": "#FF5C84",
121
- "yellow": "#FFEE00",
122
- "purple": "#B77EFF",
123
- "blue": "#00CCFF",
124
- "success": "#1FD18A",
125
- "warn": "#FFC53D",
126
- "error": "#FF6060",
127
- "info": "#3B9DFF"
128
- },
129
- "p-ember": {
130
- "bg": "#0F0805",
131
- "surface": "#1E1410",
132
- "text": "#F5E6D8",
133
- "text-muted": "#9C8472",
134
- "accent": "#FF6F0E",
135
- "coral": "#FF6784",
136
- "yellow": "#FFAA00",
137
- "purple": "#FF69B4",
138
- "blue": "#4ECDC4",
139
- "success": "#1FD18A",
140
- "warn": "#FFC53D",
141
- "error": "#FF6B6B",
142
- "info": "#3B9DFF"
143
- },
144
- "p-deepsea": {
145
- "bg": "#060D1A",
146
- "surface": "#0E1A2E",
147
- "text": "#D4E5F7",
148
- "text-muted": "#6A8AA8",
149
- "accent": "#00E5CC",
150
- "coral": "#FF7EB3",
151
- "yellow": "#7DFFC7",
152
- "purple": "#9F94FF",
153
- "blue": "#00B4FF",
154
- "success": "#1FD18A",
155
- "warn": "#FFC53D",
156
- "error": "#FF6B6B",
157
- "info": "#4AA4FF"
158
- },
159
- "p-pastel": {
160
- "bg": "#0D0D0D",
161
- "surface": "#1C1C1C",
162
- "text": "#EBEBEB",
163
- "text-muted": "#8C8C8C",
164
- "accent": "#B8D4E3",
165
- "coral": "#F2A7C3",
166
- "yellow": "#F5E6A3",
167
- "purple": "#C3A6F2",
168
- "blue": "#A3E8D0",
169
- "success": "#1FD18A",
170
- "warn": "#FFC53D",
171
- "error": "#FF7777",
172
- "info": "#4CA6FF"
173
- },
174
- "p-uv": {
175
- "bg": "#0D0015",
176
- "surface": "#1A0A2E",
177
- "text": "#F0E6FF",
178
- "text-muted": "#9B7DCF",
179
- "accent": "#E45BFC",
180
- "coral": "#00FFFF",
181
- "yellow": "#FFD700",
182
- "purple": "#CE6DFF",
183
- "blue": "#40E0FF",
184
- "success": "#1FD18A",
185
- "warn": "#FFC53D",
186
- "error": "#FF5D5D",
187
- "info": "#3B9DFF"
188
- },
189
- "light": {
190
- "bg": "#FAFAFA",
191
- "surface": "#FFFFFF",
192
- "text": "#0F0F0F",
193
- "text-muted": "#6B6B6B",
194
- "accent": "#0A6948",
195
- "coral": "#A33434",
196
- "yellow": "#735A00",
197
- "purple": "#5647C9",
198
- "blue": "#2C5F97",
199
- "success": "#0A6948",
200
- "warn": "#7C5600",
201
- "error": "#A82D2D",
202
- "info": "#255F9A"
203
- }
204
- },
205
- "scope": "Portable core subset, not a replacement for the full source component library."
206
- }
package/skills/brand/references/typography-and-layout.md DELETED
@@ -1,100 +0,0 @@
1
- # Typography, layout, and production
2
-
3
- Exact values. Where a channel is not listed, follow the document column and say what you
4
- adapted.
5
-
6
- ## Fonts
7
-
8
- Three faces, three jobs:
9
-
10
- | Role | Face | Weight | Fallback |
11
- | --- | --- | --- | --- |
12
- | Display, major titles | Archivo Black | native Regular (heavy by design) | Arial Black |
13
- | Body, secondary headings | Questrial | 400 only | Arial |
14
- | Dates, IDs, counts, figures | Roboto Mono | 400; 500 for inline emphasis | Courier New |
15
-
16
- All three are open-licence Google Fonts. In generated HTML, load them from Google Fonts and
17
- set `font-synthesis: none`:
18
-
19
- ```html
20
- <link rel="preconnect" href="https://fonts.googleapis.com">
21
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
22
- <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Questrial&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
23
- ```
24
-
25
- ```css
26
- :root{
27
- font-synthesis:none;
28
- --font-display:"Archivo Black","Arial Black",sans-serif;
29
- --font-sans:Questrial,Arial,sans-serif;
30
- --font-mono:"Roboto Mono","Courier New",monospace;
31
- }
32
- ```
33
-
34
- When the environment is offline or the renderer cannot load a webfont, use the fallback column
35
- and **state the substitution in the handover note**, then recheck line breaks — Arial sets
36
- shorter than Questrial. Outlined SVG logos need no fonts at all.
37
-
38
- ## Digital type scale
39
-
40
- | Element | Size | Line height | Face |
41
- | --- | --- | --- | --- |
42
- | h1 | `clamp(32px, 5vw, 48px)` | 1.1 | display |
43
- | h2 | 32px | 1.1 | sans |
44
- | h3 | 24px | 1.25 | sans |
45
- | body | 16px | 1.5 | sans |
46
- | metadata | 13px | 1.3 | mono |
47
-
48
- Links take the voice's accent with an underline. Focus rings are a 2px accent outline at 2px
49
- offset. Respect `prefers-reduced-motion`. Motion durations, when used at all: 110, 180, 240,
50
- 600 ms.
51
-
52
- ## Channel geometry
53
-
54
- | Channel | Page | Title | Headings | Body | Margins |
55
- | --- | --- | --- | --- | --- | --- |
56
- | Document, report, PDF | A4 portrait, white paper | 24pt | 16pt section | 11pt | 20mm |
57
- | Slides | 16:9 | 32–42pt | — | 20–24pt | keep clear of the outer 5% |
58
- | Social square | 1080 × 1080 | — | — | — | key text 64px from every edge |
59
- | Social portrait | 1080 × 1350 | — | — | — | key text 64px from every edge |
60
- | Email signature | live system text, no remote images | — | — | — | — |
61
-
62
- Check the target platform's crop before shipping a social card. An email signature uses live
63
- Arial text; attach a PNG logo through the mail client rather than hotlinking one.
64
-
65
- ## Spacing and radii
66
-
67
- Spacing steps, in px: 0, 4, 8, 12, 16, 24, 32, 48, 64, 96, 128. Use them; do not interpolate.
68
-
69
- Radii: `r-0` 0, `r-1` 2, `r-2` 6, `r-3` 12, `r-4` 20, pill 999. Documents and reports sit at
70
- 0–6. Nothing in a report needs a pill.
71
-
72
- ## Icons and imagery
73
-
74
- One outlined icon family throughout: 24px canvas, 2px stroke, round ends. The company icon
75
- library is not bundled — pick one open outlined set per artifact and keep it consistent.
76
- People take circular avatars; organisations take rounded-square avatars.
77
-
78
- ## Accessibility
79
-
80
- - Normal text 4.5:1. Large text and essential control edges 3:1.
81
- - The core theme inks were verified against each theme's `bg` and `surface` — 176 pairings, all
82
- at or above 4.5:1. Mixed washes, interaction states, and chart pairings were **not** verified:
83
- check the pairing you actually used.
84
- - Division hues may fail normal-text contrast on white. Put a dark label beside the swatch.
85
- - Keep visible keyboard focus and 44px touch targets on anything interactive.
86
- - Let prose wrap. Ellipsis truncation is only for a constrained single-line label that has an
87
- accessible full label.
88
-
89
- ## Writing
90
-
91
- Precise, confident, understated. Short statements and specific figures. No invented promises.
92
- Uppercase is for short display copy and labels, never paragraphs. Set the content language
93
- explicitly, and respect Turkish casing: i/İ and ı/I.
94
-
95
- ## Print
96
-
97
- These are RGB masters, not press-ready artwork. For anything going on a press: use the
98
- printer's output profile, approve a physical proof, and do not invent a Pantone or CMYK match.
99
- Logo working minimum is a 32px tile digitally or 8mm in print, validated at actual size, with
100
- clear space of a quarter of the tile width.