@litfamily/litclaude 1.0.19 → 1.0.21

package/plugins/litclaude/skills/lit-pptx/references/tonalities/night.md

@@ -0,0 +1,147 @@
+# Night
+
+Night is a screen in a dark room. The ground is a deep blue-black, type is off-white, and the one
+warm accent is amber, with a soft blue as the second series. Numbers sit in labelled rows at title
+size at most, each with its basis, charts take most of the page, and a header band marks the slides that hold data. The
+look keeps contrast high without glare, so a chart stays readable from the back of a hall. A plot or
+diagram brought in as a picture on white would stand as a white card here: give it a `.dark` variant
+beside the file, or its numbers as a `::: chart` block (authoring guide, "Charts").
+
+## When to use it
+
+Use Night for data and technical keynotes, product demos, architecture talks and quarterly reviews
+shown on a big screen. It is the first candidate for a data-heavy review and moves up whenever the
+brief says the deck is presented on a stage, at a demo day or in a darkened room. It also earns a
+place when a third or more of the slides hold charts, because its families give charts the most
+room of any pack.
+
+## When it is the wrong choice
+
+Night is wrong for decks that will be printed or read at a desk: a dark page wastes toner and tires
+the eye on paper, so Ledger or Gazette serve those readers. It never mixes with light slides inside
+one deck. It also lacks a table-led family, so a deck that is mostly lookup tables belongs in
+Ledger.
+
+## Tokens
+
+These values are read from the pack file `pack.yaml` of the `night` tonality.
+
+| Token | Value |
+|---|---|
+| ground / surface | `#0F1419` / `#1A222B` |
+| ink / ink-muted | `#E8EDF2` / `#A3AEBA` |
+| line | `#5A6672` |
+| accent / accent-deep / accent-tint | `#E3A857` / `#F2C98A` / `#2A2418` |
+| field / on-field | `#1E2A36` / `#F5F7FA` |
+| positive / negative | `#6CC08B` / `#F08A7E` |
+| series | `#E3A857`, `#7FB8E0`, `#A3AEBA`, `#C58FD0` |
+| faces | display, title Pretendard Bold; body, label and numeral Pretendard Regular; `faces: a2z` swaps numerals to A2Z Light |
+| ramp / hero | compact (body 13 pt, labels 11, sources 9) / not allowed, figures at most title size |
+| density / variance | 10 / 6 |
+| radius / edge | 6 / fill |
+| table | header row on the surface colour with bold ink, hairline rows, no banding, numbers right-aligned, totals bold, the row the title names in the accent tint |
+| chart | hairline gridlines, direct labels, accent on the item that matters and muted colours on the rest |
+| decoration | header band, hairline rule, numeral, rail fill |
+
+## Treatments by slide role
+
+Text slides and image slides take `top-plain-large`, a title with no rule. Data slides take
+`band`, the header band across the top. Charts with a takeaway take `side-rail`, sequences take
+`kicker-numeral`, definitions take `side-rail`, and a pull quote takes `statement`. When the role's
+treatment would leave an empty lower band, the engine tries the other treatments the family allows
+and keeps the one that fills, while staying inside the variance cap. Write `title: side-rail` (or
+another allowed treatment) under the `layout:` line to fix a slide's treatment; the business review
+example does this for a big number and a timeline so the deck mixes enough compositions.
+
+## Families and variants
+
+- `full-chart`: one chart across the body with a short note under it.
+- `chart-insight`: a chart with two or three takeaways.
+- `kpi-row`: two to four headline values at title size, each with what it measures and its basis.
+- `kpi-over-chart`: a value row above the trend it summarises.
+- `dashboard-grid`: two to four small charts read together.
+- `big-number`: a panel of two to four related figures (value, label, basis) with its evidence.
+- `method`: how a metric is defined, formula first.
+- `comparison`: two options or two periods, row by row.
+- `timeline`: dated events on one axis.
+- `statement`: a pull quote, or a display-led slide the user asks for.
+
+Covers are `cover-numeral`, `cover-typographic` and `cover-figures`. Sections are `section-numeral`
+and `section-field`. Closings are `closing-statement` and `closing-decision-box`.
+
+Display slides. The typographic cover sets the year from the deck's date at title size beside the
+topic name. A statement sets its quoted line in up to three balanced lines. A big-number panel
+stands in amber on the dark amber tint, one row per figure with its label and basis. A closing's rows are keyed by date or amount, and the next step runs in the
+field band above the footer.
+
+## Do
+
+Give each chart one highlighted series in amber and let the rest sit in muted tones. Keep titles
+short labels (subject, measure, period): the open title and the band have tight glyph budgets, and the compile log warns when a title
+runs over. Put the source on the last slide, inside the decision box. Use big numbers only for real
+figures from the source, each with its basis and a sourced caption.
+
+## Avoid
+
+Avoid neon or saturated glows, a pure black ground, and any light slide mixed in. Avoid thin light
+type below 18 pt; it breaks up on a projector. Do not lean on red and green alone for change; pair
+the
+colour with a sign and an arrow.
+
+## Two worked slides
+
+A value row above its trend states each number once with its basis, and the chart shows where it
+came from and anchors the floor of the slide.
+
+```markdown
+---
+layout: kpi-over-chart
+
+## Cost per million requests, Q3 2025-Q3 2026
+
+| Cost per million | Target | Change on Q2 |
+|---|---|---|
+| $1.82 | $2.00 | ▼ −9% |
+| Q3 2026 | 9% under target | fourth fall in a row |
+
+::: chart type=line unit="$"
+| Quarter | Cost per million requests ($) |
+|---|---|
+| Q3 2025 | 2.61 |
+| Q4 2025 | 2.34 |
+| Q1 2026 | 2.12 |
+| Q2 2026 | 2.00 |
+| Q3 2026 | 1.82 |
+> Cost per million requests by quarter (example data)
+:::
+---
+```
+
+A big-number panel holds three related figures with their basis and three lines of evidence, so
+the figures are explained on the same page.
+
+```markdown
+---
+layout: big-number
+title: side-rail
+
+## Incident recovery time, Q3 2026
+
+| Median time to recover | Auto rollbacks | Slowest recovery |
+|---|---|---|
+| 8 min | 2 of 3 | 21 min |
+| Q2: 27 min | before paging | database failover |
+
+> Incident log, July-September 2026 (example)
+
+- Recovery time is now under ten minutes
+- The median fell from 27 minutes in Q2 after automatic rollback went live in July
+- Two of the three incidents were rolled back before a person was paged
+- The slowest recovery, 21 minutes, was a database failover in week 9
+---
+```
+
+## Examples
+
+`04-business-review-night-en.md` and `07-data-review-night-en.md` both use the pack defaults
+(density 10, variance 6).

package/plugins/litclaude/skills/lit-pptx/references/tonalities/paper.md

@@ -0,0 +1,151 @@
+# Paper
+
+Paper treats the screen like a printed journal page. The ground is white, the type is near-black,
+and structure comes from thin rules rather than filled boxes. Figures do most of the talking, each
+with a numbered caption and a source, and tables are set in the three-rule style readers know from
+papers. One deep crimson is the only colour with a job: it marks the method or result the talk
+proposes, and nothing else. The effect is calm and checkable, which is what a room of peers wants
+when they are deciding whether to believe a result.
+
+## When to use it
+
+Pick Paper for research talks, thesis defences, lab meetings and technical reviews where the
+audience reads the evidence closely. It is the first candidate for the research-talk deck type, and
+it moves up the list when the source carries numbered citations, DOIs or a references section, or
+when a third or more of the slides hold a chart. It also suits a written analysis that happens to be
+delivered as slides, because its hairline tables and numbered figures survive printing.
+
+## When it is the wrong choice
+
+Paper reads as cold to a sales, launch or investor audience; there Signal or Studio carry the
+energy the room expects. It is also a poor fit for a deck of mostly photographs, since the pack has
+no full-bleed image family and keeps pictures inside the grid. If the talk is given on a large
+stage in a dark room, Night keeps charts legible at distance where Paper's thin rules disappear.
+
+## Tokens
+
+These values are read from the pack file `pack.yaml` of the `paper` tonality.
+
+| Token | Value |
+|---|---|
+| ground / surface | `#FFFFFF` / `#F5F5F6` |
+| ink / ink-muted | `#111418` / `#50565E` |
+| line | `#C9CDD2` |
+| accent / accent-deep / accent-tint | `#8C1C2B` / `#5E121C` / `#F6E6E8` |
+| field / on-field | `#111418` / `#FFFFFF` |
+| positive / negative | `#1E6B3A` / `#50565E` |
+| series | `#8C1C2B`, `#111418`, `#50565E`, `#2E5E8A` |
+| faces | display and title Pretendard Bold; body, label and numeral Pretendard Regular (`faces: a2z` keeps the same map) |
+| ramp / hero | compact (body 13 pt, labels 11, sources 9) / no hero step, figures at most title size |
+| density / variance | 10 / 5 |
+| radius / edge | 0 / border |
+| table | booktabs: heavy rule over the header, light rule under it, heavy rule at the end; no fill, no banding; numbers right-aligned; totals bold |
+| chart | hairline gridlines, direct labels, series in order (the proposed method takes the accent, baselines take ink and muted ink) |
+| decoration | hairline rule, box outline |
+
+Negative values share the muted ink on purpose: a drop is shown with a sign and a glyph, never with
+a
+warning colour that would compete with the accent.
+
+## Treatments by slide role
+
+Text slides, data tables, sequences and reference pages take `top-rule`, where the rule under the
+title is a full hairline. Charts and figures that carry the slide take `bottom-anchor`, so the
+picture fills the upper body and the title labels it from below. Definitions and method slides
+take `side-rail`, a comparison is drawn as a ruled table under a `top-rule` title (the pack's
+`structure`, kept even when the deck already leans on that title), and a quoted line takes `statement`. The engine keeps the role's treatment when
+the body fills to the density band; when it would leave a tall empty band, it lays the slide out
+under the other treatments the family allows and keeps the one that fills best, while capping how
+many treatments one deck mixes. A slide can ask for a specific treatment with a `title:` line under
+its `layout:` line, for example `title: top-rule`, as long as the family allows it.
+
+## Families and variants
+
+- `figure-academic`: one figure with its numbered caption and a short observation, limitation and
+implication.
+- `figure-pair`: two figures side by side, for before and after or two conditions.
+- `method`: a formula or process figure beside the definitions of its symbols.
+- `chart-insight`: a native chart with two or three takeaways beside it.
+- `full-chart`: a chart across the body when the plot itself is the argument.
+- `table-insight`: a booktabs table with its caption and the takeaway it supports.
+- `comparison`: contributions against limits, or two methods row by row.
+- `quote`: a participant's or reviewer's words as a statement.
+- `statement`: an epigraph or quoted line; the research question and the finding go in a labelled
+  content slide with their evidence.
+- `text-column`: running argument at reading measure.
+- `references-appendix`: the reference list, one entry per row.
+
+Covers are `cover-index` (lists the deck's sections, so it needs at least two), `cover-typographic`
+and `cover-split-image`. Sections are `section-rule` and `section-field`. Closings are
+`closing-summary-list` and `closing-ask`.
+
+Display slides. The typographic cover is a journal title page: a heavy rule, the title, a hairline,
+then the presenter and, under it, the place and date. A statement sits between two hairlines, like
+an epigraph. A section shows the deck's parts in one line under its rule, this part in the accent. A
+closing's next step sits under a rule at the foot of the page, its rows keyed by date.
+
+## Do
+
+Number every figure and table caption and give each a source. Title each slide with what it shows
+("Conversion at 60 min by feed rate"), and put the finding in the first observation. Keep the crimson for the proposed
+method in every chart, so the audience learns its meaning on the first plot. Put the limitation on
+the same slide as the result it limits. End with the reference list, so the last page carries the
+deck's sources.
+
+## Avoid
+
+Avoid the short accent bar under a title; in this direction the rule is a hairline. Avoid coloured
+card fills, which turn a paper into a dashboard. Do not let the accent mark anything that is not the
+proposed method, and never show a figure without its numbered caption.
+
+## Two worked slides
+
+A table slide labels the table in the title and states the takeaway first beside it, so the body
+fills and the reader does not have to compute the gain.
+
+```markdown
+---
+layout: table-insight
+
+## Conversion at 60 min by feed rate and feed mode
+
+| Feed rate (L/min) | Single feed (%) | Staged feed (%) | Gain (points) |
+|---|---|---|---|
+| 0.5 | 52 | 77 | 25 |
+| 0.75 | 51 | 76 | 25 |
+| 1.0 | 50 | 75 | 25 |
+| 1.5 | 47 | 71 | 24 |
+| 2.0 | 41 | 64 | 23 |
+
+> Table 1. Conversion at 60 minutes by feed rate, three replicates each (example data)
+
+- The gain holds at all five feed rates tested (+23 to +25 points)
+- The relative gain is 48-56% at every rate
+- The gap narrows by two points at the highest rate
+- Heat removal, not the feed schedule, limits the fastest runs
+---
+```
+
+A method slide pairs the process figure with every symbol the talk will use, so later charts need
+no legend.
+
+```markdown
+---
+layout: method
+
+## Three-stage feed layout and symbols
+
+![Figure 2. Process layout used in all runs | Source: example image](assets/example-b.png)
+
+- **Layout** feed split into three stages along the reactor
+- **X** conversion, the fraction of feed that reacted
+- **k** first-order rate constant, 1/min
+- **τ** residence time per stage, min
+- **n** number of feed stages, three in every run
+- **q** feed split between stages, 50/30/20 by volume
+---
+```
+
+## Examples
+
+`05-research-talk-paper-en.md` uses the pack defaults (density 10, variance 5).

package/plugins/litclaude/skills/lit-pptx/references/tonalities/signal.md

@@ -0,0 +1,150 @@
+# Signal
+
+Signal is the direction for a talk given out loud. Each slide carries one topic with the facts that
+support it, set on the reading ramp so the room can follow while the speaker talks and a reader can
+still check the figures later. The ground stays white, almost everything is near-black ink, and a
+single red-orange accent marks the one figure or word the slide exists for. There are no cards and
+very few lines; space, weight and colour do the grouping.
+
+## When to use it
+
+Reach for Signal when someone will stand in front of decision makers and speak for ten to fifteen
+minutes: an investment pitch, a product launch, a proposal that has to land in one sitting. The
+content signals that point here are short bodies (about 40 Korean glyphs or 80 Latin characters per
+content slide or less), a handful of real headline numbers, and a story that moves from a problem
+to an ask. It is the first candidate for the pitch deck type, and the third one for an image-led
+launch when the pictures are few.
+
+## When it is the wrong choice
+
+Signal fails when the deck will be read alone later, because its open pages hold less detail than a
+reader needs without a speaker. It also fails when tables make up a third of the slides or
+more: tables at Signal's sizes either run out of room or shrink to a size that contradicts the rest
+of the deck. If the brief says the deck is sent ahead or circulated, Ledger or Gazette fits better.
+
+## Tokens
+
+The values below come from the pack file and are what the engine draws.
+
+| Token | Value |
+|---|---|
+| ground / surface | #FFFFFF / #F4F4F5 |
+| ink / ink-muted / line | #15131A / #55525C / #D4D4D8 |
+| accent / accent-deep / accent-tint | #C8361A / #6E1A0C / #FBE7E2 |
+| field / on-field | #C8361A / #FFFFFF |
+| positive / negative | #1E7A3F / #15131A |
+| series | #C8361A, #15131A, #6B6870, #2F6F8F |
+| faces | Pretendard Bold for display, title and numerals, Pretendard Regular for body and labels; `faces: a2z` swaps to A2Z Black display and numerals, A2Z Bold titles |
+| ramp / hero | compact (body 13 pt, labels 11, sources 9) / not allowed (figures at most title size, 26 pt) |
+| density / variance | 10 / 6 |
+| radius / edge | 0 / fill |
+| table | open style, no header fill, rules at top and bottom, protagonist row in accent-tint, bold totals |
+| chart | no gridlines, direct labels, accent on the highlighted bar over muted bars |
+
+Density 10 sets the pitch on the compact grid (24 pt side margins), body 13 pt and no step-up: a
+pitch read after the meeting carries its basis and sources on every slide. Lower it to 8 (body 14 pt,
+36 pt margins) for a pitch given only from the stage. Losses use ink with a ▼ sign, because red already means
+"look here" in this direction.
+
+## Treatments by slide role
+
+Content slides take `top-plain-large`, data and sequence slides `top-rule`, data with a takeaway
+`top-plain-large`, image slides `bottom-anchor`, statements `statement`, and references and
+definitions `top-rule`. The engine treats that map as a starting point: for each slide it lays out
+every treatment the family allows, keeps the role's own when the body fills, and otherwise picks the
+one that leaves the least empty band without letting one title cover more than about a third of the
+deck. To force a treatment, put `title: bottom-anchor` (or another allowed id) on the line after
+`layout:`.
+
+## Families and variants
+
+- `statement` is kept for a pull quote or a display-led deck the user asks for; a claim is not a title.
+- `big-number` is a data panel of two to four related figures, each with its label and basis, beside
+  the facts that explain them.
+- `image-split` pairs a product picture with three short labelled points.
+- `asymmetric-feature` gives a picture or number the narrow side and the explanation the wide one.
+- `process` shows three to five steps across the page, each with a head and two lines of detail.
+- `kpi-row` runs two to four results at title size, each with its label and a basis row under it.
+- `chart-insight` and `full-chart` carry growth curves and comparisons with one highlighted series.
+- `comparison` reads two columns across shared rows, such as before and after.
+- `table-insight` holds the one table a pitch needs, usually unit economics, with its takeaway.
+- `quote` sets a customer's sentence as the statement.
+
+Covers are `cover-numeral`, `cover-typographic` and `cover-split-field`; sections are
+`section-field` and `section-numeral`; closings are `closing-statement` and `closing-ask`.
+
+Display slides. The typographic cover is the red field from edge to edge, the topic name in up to
+three balanced lines at display size, anchored low. A statement (pull quote) sets its text in up to
+three balanced lines on white. A big number is a red data panel: one row per figure with value, label
+and basis in white, its evidence beside it. A closing's rows carry their amounts at title size, each
+with a bar for its share of the ask, and the next step runs in
+a red band across the grid just above the footer.
+
+## Do
+
+- Write every title as a topic label (subject, measure, period); the claim is the first body line.
+- Give every figure its basis or comparison and a caption with period and source.
+- Give a big-number panel two to four figures and two or three lines of evidence.
+- Keep bullet lists to four items or fewer and let each item carry a number or a name.
+- End on `closing-ask` with the amount, its uses in a table and the next meeting with an owner.
+
+## Avoid
+
+- Red for a loss; red belongs to the protagonist.
+- Display text running past two lines, or one giant figure alone on a slide.
+- Cards or boxed groups; this direction groups with space.
+- A table slide with no sentence that tells the room what to take from it.
+
+## Two worked slides
+
+A big number on its own reads as decoration, so the panel holds three related figures with their
+basis, and the evidence sits beside it and ends level with it.
+
+```markdown
+---
+layout: big-number
+
+## 수도권 세탁 대행 시장 규모와 앱 주문 비중
+
+| 시장 규모 (연) | 앱 주문 비중 | 수거·배송 하는 세탁소 |
+|---|---|---|
+| 1조 2천억 원 | 6% | 20% |
+| 2025년 기준 | 2023년 3% | 다섯 곳 중 한 곳 |
+
+> 수도권 세탁 대행 시장 추정, 예시 업계 통계 2025 (예시)
+
+- 시장은 아직 대부분 오프라인이다: 앱 주문은 6%, 약 720억 원
+- 동네 세탁소 다섯 곳 중 네 곳은 수거·배송을 하지 않는다
+- 앱 주문 비중은 2023년 3%에서 2025년 6%로 늘었다
+---
+```
+
+The closing labels the request in the title, shows where the money goes, states the ask in the
+first line and ends with the next step.
+
+```markdown
+---
+layout: closing-ask
+
+## 18개월 운영 자금 30억 원 사용 계획
+
+| 쓰임 | 금액 | 시점 |
+|---|---|---|
+| 수거·배송 권역 확대 (6개 구 → 15개 구) | 14억 원 | 2027년 상반기 |
+| 제휴 세탁소 품질 관리 체계 | 6억 원 | 2026년 4분기 |
+| 앱 개발 인력 | 5억 원 | 상시 |
+| 신규 제휴 세탁소 120곳 모집 | 3억 원 | 2027년 1분기 |
+| 운영 예비비 | 2억 원 | 필요 시 |
+| 합계 | 30억 원 | 18개월 |
+
+> 표 2. 투자금 쓰임 (예시 데이터)
+
+- 요청: 18개월 운영 자금 30억 원 투자 승인
+- 기대 성과: 18개월 뒤 월 주문 6만 건, 월 영업이익 흑자 전환
+- 다음 단계: 11월 둘째 주 실사 미팅, 담당 예시 재무팀
+---
+```
+
+## Examples
+
+`01-pitch-signal-ko.md`

package/plugins/litclaude/skills/lit-pptx/references/tonalities/studio.md

@@ -0,0 +1,132 @@
+# Studio
+
+Studio treats a deck like a magazine spread. The twelve-column grid shows through as thin column
+lines, titles often stand in a side rail or open the page at title size, real figures sit in labelled
+panels with their basis, and pages split unevenly so that one side clearly leads. A dark ochre accent marks the single
+thing to look at; everything else is black, grey and white.
+
+## When to use it
+
+Studio fits stories that are told more than they are audited: a design or brand narrative, a
+strategy told through cases, a public lecture, a portfolio of built work, or a pitch for a product
+people judge by seeing it. The content signals that move Studio up are a high share of slides with
+pictures (about 30% or more) and short to medium bodies. It is the second candidate for pitches,
+image-led decks and public lectures, and it can lead when the pictures are strong but the narrative
+matters as much as the images.
+
+## When it is the wrong choice
+
+The editorial splits starve table-heavy data. A business review with several tables, a status
+update or a briefing that is read at a desk all need more rows on each page than Studio's uneven
+splits give them; Ledger or Gazette serve those. Studio also needs real figures for its numeral
+panels: a deck without counts, shares or years loses one of the direction's main devices.
+
+## Tokens
+
+Read from the pack file; these are the values the engine draws.
+
+| Token | Value |
+|---|---|
+| ground / surface | #FFFFFF / #F2F2F0 |
+| ink / ink-muted / line | #141414 / #525252 / #D2D2CE |
+| accent / accent-deep / accent-tint | #8A5A00 / #4D3200 / #F5ECD9 |
+| field / on-field | #141414 / #FFFFFF |
+| positive / negative | #1E7A3F / #B3261E |
+| series | #8A5A00, #141414, #525252, #3B5F7F |
+| faces | Pretendard Bold for display, title and numerals, Pretendard Regular for body and labels; `faces: a2z` swaps to A2Z Black display and numerals, A2Z Medium titles |
+| ramp / hero | compact (body 13 pt, labels 11, sources 9) / not allowed, figures at most title size |
+| density / variance | 10 / 8 |
+| radius / edge | 0 / fill |
+| table | open style, no header fill, a 2 pt ink rule under the header, no row rules, bold totals |
+| chart | no gridlines, direct labels, accent on the highlighted series over muted ones |
+
+Density 10 puts the deck on the compact grid with body 13 pt. Variance 8 lets one deck mix up to five
+title treatments, which is the point of this direction.
+
+## Treatments by slide role
+
+Content, data with a takeaway, references, definitions and sequences take `side-rail`; data
+slides take `top-plain-large`; a pull quote takes `statement`; image slides take `side-rail`, the
+picture across columns 5-12 and its facts in the rail under the title (an asymmetric split, where
+Atlas would set the title under the picture); the `image-full` family takes `overlay`. For each slide the engine tries every
+treatment its family
+allows and keeps the role default when the body fills, otherwise the one that leaves the least empty
+band, while keeping any single treatment under about a third of the deck. A line such as
+`title: top-plain-large` after `layout:` overrides that choice for one slide.
+
+## Families and variants
+
+- `asymmetric-feature` gives a tall picture the narrow side and four lines of argument the wide one.
+- `big-number` sets two to four real figures as a panel (value, label, basis) with the facts that
+  explain them.
+- `image-split` and `image-full` carry the work itself; the full-bleed slide puts its title on a
+panel.
+- `photo-grid` shows two or three pictures side by side with one shared sentence.
+- `text-two-column` holds a brief and a response, or two halves of an argument.
+- `chart-insight` and `kpi-row` carry the few numbers the story needs.
+- `timeline` shows a programme or a history along one axis.
+- `comparison` reads before and after across shared rows.
+
+Covers are `cover-split-image` (which takes the deck's first picture), `cover-rail` and
+`cover-numeral`; sections are `section-numeral` and `section-rail`; closings are
+`closing-contact-split`
+and `closing-summary-list`.
+
+Display slides. The cover opens on the deck's first picture when there is one, otherwise on the
+rail. A statement stands between two hairlines on the open page (a light rail beside it stood empty). A
+big-number panel stands in ochre on its tint, its figures at title size. The contact-split closing keeps the field: it holds each
+row's amount or date in line with its row, and the next step runs under the rows on the white side.
+
+## Do
+
+- Let the picture or the number lead each slide and keep the text to the side that serves it.
+- Use a numeral only for a real figure (a count, a share, a year), with its label and basis.
+- Title each slide with its topic; the claim opens the body beside the picture.
+- Alternate splits: after a side-rail slide, follow with a top title or a full-bleed picture.
+- Keep titles short; a side-rail title has about eight Korean glyphs or sixteen Latin characters per
+  line, and a long one overflows its frame.
+
+## Avoid
+
+- Numerals used as ornaments, such as step numbers on points that are not a sequence.
+- Column lines running through text; they belong in gutters.
+- Two side-rail slides with the same split back to back.
+- Centred body text; Studio aligns everything to the column lines.
+
+## Two worked slides
+
+A tall portrait picture takes the narrow side, so the five facts beside it fill the page; the first
+carries the claim.
+
+```markdown
+---
+layout: asymmetric-feature
+
+## 1인 가구 이사 주기와 가구 폐기 실태
+
+![도 1. 이사 철 배출된 가구 | 출처: 예시 이미지](assets/example-c.png)
+
+- 1인 가구는 2년마다 이사하며 가구를 버린다
+- 수도권 1인 가구의 평균 거주 기간은 2.1년이다 (예시 조사)
+- 이사 때 버려지는 가구의 절반은 산 지 3년이 안 된 것이다
+- 대형 폐기물 수수료와 운반비로 한 번에 평균 9만 원을 쓴다
+- 새 집 구조에 맞지 않아 버리는 경우가 가장 많다
+---
+```
+
+A full-bleed picture carries its label title on a panel; the caption, which states what changed,
+stays on the panel with it.
+
+```markdown
+---
+layout: image-full
+
+## East branch reading room after the renovation
+
+![East branch reading room, now open onto its street (glazed front, 2026) | Source: example image](assets/example-a.png)
+---
+```
+
+## Examples
+
+`02-pitch-studio-ko.md`, `11-portfolio-studio-en.md`