chore: 1.1.0 release

skills/open-kimi-ppt/reference/design_system/work/blue-flame-brand/design.md

@@ -0,0 +1,104 @@
+# Blue Flame Brand · work_report STYLE DESIGN SYSTEM
+
+## PART A — work_report Baseline (Universal Floor)
+
+Conclusion-first business reporting, benchmarked against top-tier business reviews and project progress briefings: every page scannable in 30 seconds, every number able to withstand drill-down — status backed by evidence, deviations attributed, asks spelled out.
+
+Content and layout:
+1. Management structure: executive overview (one-page verdict on completion) → core metrics vs. targets → revenue/mix analysis → deviation attribution → project status (red/amber/green) → cost and efficiency → next-period actions → items needing decisions and support.
+2. Status visualization is the signature: red/amber/green status lights, target vs. actual tables, progress bars with numeric labels, variance waterfalls, milestone timelines.
+3. Medium-high density, grid discipline: pages are built from aligned status modules and tables; zero decoration; every module answers "so what" on the spot.
+
+Visual style:
+1. Aesthetics: crisp, corporate, instrumental; the reader can audit the quarter from the pages alone.
+2. Type: a single sans-serif family throughout, hierarchy built on weight and size; numbers column-aligned; never use serif display type (except the serif pairing specified in PART B).
+3. Color: a neutral structural palette plus one accent for emphasis and current-period highlights; green/amber/red express status only, never decoration.
+4. Graphics: simple chart types (bar comparisons, line trends, waterfall attribution); fine table rules, right-aligned numbers; no 3D, no pictographs as data, no gradient fills.
+
+Structure and discipline:
+1. Page one is always the verdict: one sentence on overall completion + target vs. actual for 3–5 headline metrics; no filler cover fluff.
+2. Every metric shows the trio — target / actual / attainment rate; actual without target is a defect.
+3. Deviation pages attribute quantitatively: the gap decomposes into named causes that sum exactly to the total gap — no unexplained remainder.
+4. Project status comes as a trio: status light + evidence (progress %, milestones) + corrective action (with owner and date); a red item without a recovery plan is a defect.
+5. Next-period actions are commitments: each carries an owner, a deadline, and an expected quantified effect.
+6. Trend pages mark the reporting-period boundary, with inflection causes annotated inside the chart; forecast segments use dashed lines labeled as plan/estimate.
+7. Parallel modules align strictly to the grid: same row, same height, same baseline; mixed content is grouped by meaning, not scattered.
+8. Numbers must carry unit, period, and basis; estimates and modeled values follow the conventions of the underlying project materials.
+9. The deck closes on items for management decision and support — listed one by one, each with the consequence of delay; no thank-you page endings.
+
+Default baseline (PART B may override): progress / attainment / red-amber-green status use one unified lightweight component, drawn one way across the deck; each page has 1 theme + 2–4 supporting points, the conclusion graspable within 5 seconds; every metric carries its "so what" — cause, impact, or next action — no bare-number piles. Density anchor: per-page minimums for evidence modules, charts, and labeling habits follow this style's density-baseline section; this baseline imposes no uniform numbers.
+
+**Headline read-through test**: reading only the page titles across the deck should tell the complete story; if the read-through fails, the structure has not been established.
+
+### Global Prohibitions (AI Default Patterns · Mandatory)
+
+1. **No default cards**: strictly no rounded-rectangle cards to build hierarchy or alignment — containers serving information functions (status lights, decision cards, quote boxes) do not count as cards. Rules, whitespace, and size/weight contrast are the better solution.
+2. **No evenly split compositions**: no default three-way, four-way, or 2×2 matrix splits — even splits must be justified by content structure.
+3. **No unmotivated AI color schemes**: palettes specified in the body are exempt; what is banned is the mediocre, unjustified default — blue-purple gradients, cyan-purple neon, rainbow flares, glass cards, glowing borders.
+4. **No element that clashes with the overall style**: nothing outside the style may appear.
+5. **Transparent chart backgrounds**: transparent or the page background color, except reversed-out on dark.
+6. **Care with large empty areas**: whitespace for breathing, grouping, and rhythm is allowed; padding to fill space, or stretching thin content into a crowded page, is treated as a defect.
+
+## PART B — Signature System
+
+One-line style signature: a late-night operations war room — on a near-black blue ground, flame cyan and ice blue form two tiers carrying data and attainment, amber owns anomalies and consequences, mixed-weight conclusion titles sit in a fixed four-corner skeleton, and photography stays on the cover only.
+
+【Color Palette】
+- Background: body pages in near-black blue #06070B (approx.), cover and closing one step deeper at #020307 (approx.); this dark family is the only one allowed, chart areas get no separate fill.
+- Main titles / key assertions: cold white #F7F8FA (approx.).
+- Body #C6CCD3 (approx.); secondary explanation #969DA3 (approx.); footer / weak annotation #6E757B (approx.); faintest atmosphere layer #414548 (approx., reserved for decorative-quote elements).
+- Flame cyan #1FB9D5 (approx.): the brand anchor — sole primary chart color, progress fills, attainment state; no large color blocks in body areas.
+- Ice blue #B8ECF9 (approx.): big numbers, in-ring values, table-top rules, milestone nodes, decision-card outlines — the brightest data tier.
+- Mid cyan #4FA0BB (approx.): leader lines, route connectors, and other structural hints; the cover eyebrow may use light cyan #88D3E8 (approx.).
+- Amber #DFA93C (approx.): reserved for warnings, misses, risks, and consequences of delay — never decoration.
+- Status green #58CA8F, coral red #D96A56 (both approx.): enter only status lights and linked progress bars, expressing on-track / delayed; "attained" never borrows green — always flame cyan.
+- Structural colors (all approx.): structural lines #1A222C, track beds #141B23, card outline dark cyan #214A59, axis baseline #536780, phase dashes #527490.
+- Decorative mist blobs: low-opacity ellipses of deep navy #050A1E and deep teal #06191D (approximate ranges), clipped by the canvas edges, never overlapping text or charts.
+
+【Layout Skeleton】
+Source facts: 16:9 canvas (sample images 1467×825), left/right safe margins ~6%. Header at ~3%–7% from top: business ownership at top left, report info at top right; title band at ~16%–25%: one-line conclusory title + one-line basis subtitle; body at ~27%–86%; bottom conclusion band at ~83%–90%: full-width hairline + one closing-loop judgment; footer pinned to the bottom: source/basis at lower left, "NN / total pages" page number at lower right. The reading path is fixed: "title conclusion → left-column judgment/annotation → right-side evidence chart → bottom closing sentence". Body column ratios are commonly 35:65 or 60:40; comparison types use a ~23% overview column + three isomorphic columns of ~25% each, separated by ultra-fine vertical rules. No breadcrumbs, no side navigation anywhere; modules are tiered purely by hairlines, whitespace, and weight — never by panels.
+
+【Typography】
+Source facts: modern sans-serif dominates absolutely, with narrow numerals carrying an industrial-instrument feel; table body text may switch wholesale to a serif face in the Song/Mincho manner, pairing against the sans-serif titles — the most distinctive type signature of this style. Titles use same-sentence mixed setting of "regular-weight statement + bold conclusion", about 2.3–2.5x body size; KPI big numbers 2–3.5x, units shrunk to about half on the same baseline; subtitle/body = 1x; module subheads ~1.2x medium; notes and sources 0.65–0.8x; the two-line cover title collides light and heavy weights. Decorative quotation marks use serif in the faintest color, as atmosphere only. No italics, no script, no display lettering; numbers receive no ornamental treatment.
+
+【Chart Language】
+- ⭐ Ring progress gauges (many pages): thick ring + dark track, one short tick at 12 o'clock reinforcing the instrument feel; big number + metric name at the ring's center, two lines of target/actual basis below; flame cyan = attained, amber = gap; at most 3 side by side per page.
+- ⭐ Single-series bar chart (trend pages): all bars the same flame cyan, small rounded caps, values labeled directly per bar; ~4 ultra-dark horizontal gridlines + one brighter axis baseline; vertical dashed lines split before/after phases, circled-number event callouts hug their bars, mapping one-to-one to left-column notes; no legend, no y-axis title.
+- ⭐ Horizontal progress bars (status pages): dark track + status-colored fill, the value or result written to the right of the bar, never on top of it; progress itself uses flame cyan, status lights use green/amber/red — progress and status are deliberately color-separated.
+- ⭐ Vertical-line-free matrix table (diagnosis pages): no fill, no vertical lines, no zebra striping; an ice-blue full-width rule on top, a dark rule closing the bottom; number columns aligned, status column as "dot + word", a fixed drill-down note column at far right; table body in serif, the actual column bolded as a vertical anchor.
+- Invisible-table scorecard (comparison pages): labels left, values right, fine horizontal and vertical rules dividing zones; no header, no legend, no outer frame.
+- Three-phase roadmap (closing page): one full-length hairline + ice-blue hollow nodes; phase names above the nodes, milestones and entry gates below; a narrative route with no time scale.
+- Concentric-ring bullseye (attribution pages): double rings + multiple converging rays channeling left-side factors into the core number; a decorative convergence figure that encodes no proportions.
+
+【Signature Components】
+- Fixed four-corner skeleton: ownership top left / report ID top right / source bottom left / "NN / total" page number bottom right — never missing anywhere in the deck.
+- Bottom conclusion strip: full-width hairline + one closing-loop judgment (or a short vertical ice-blue line + single sentence), one per body page, containerless.
+- Clipped mist blobs: low-opacity deep teal/navy ellipses entering from canvas edges, at most one per page, never intruding into data zones.
+- Status dot + word: ● plus a two-character status word, an in-place legend, never a separate legend area.
+- Circled-number cross-references: ①② markers appear both in left-column notes and inside the chart, building the narrative–evidence mapping.
+- Serif table pairing: sans-serif titles + serif table bodies, used only on diagnostic table pages.
+- Decision-card syntax: ice-blue thin-outlined cards (no shadow, no glow, fill close to the background), fixed as "decision number + main decision sentence + composition note + amber consequence of delay".
+- Cover triple KPI: separated by thin vertical rules, number/unit/label on one baseline; ultra-wide night photograph with a dim blue-cyan thin outline, one cover page only.
+
+【Prohibited】
+- No light full-page backgrounds or white chart frames; the deck is dark throughout, charts get no separate fill.
+- No multi-series rainbow chart colors: charts allow the flame-cyan single-hue family only; amber/green/coral red are spent only on status semantics.
+- No green as "attained": attainment uses flame cyan; green enters status lights only.
+- No legend dependence: labels sit directly beside the data; no axis titles, no explicit y-axes, no complex grids.
+- No 3D, shadows, glows, highlight gradients, or glassmorphism; clipped mist blobs are the only permitted gradient element.
+- No colored icons, emoji, or illustrations on body pages; photography is allowed on the one cover page only.
+- No centered display titles, no thank-you-style endings; the close must land on roadmap + decisions.
+- No text overlaid on progress bars; no highlighted card fills or shadows.
+
+【Slide Types and Layouts】
+Cover | title cluster + triple KPI + ultra-wide photo | text occupies the left ~50%, upper right left dark | photo ~4.2:1, cut off early on the right | ice-blue numerals with thin vertical dividers | the only page with a photo.
+KPI overview | one judgment verified by three gauges | left 35% judgment + right 65% three rings | 4–6 status lines + 3 rings | bottom attribution closing sentence | not suited to parallel multi-topic content.
+Diagnostic table | metric audit and drill-down | 6-column matrix, metric column ~24%, drill-down column ~32% | 5–8 rows | status-dot column, serif table body, bottom conclusion strip | not suited to narrative pages.
+Trend evidence | time series and inflection attribution | left ~24% circled-number notes + right ~71% bar chart | 8–10 bars, 2 event callouts | phase dashes, big number at lower left | not suited to multi-series comparison.
+Deviation attribution | gap decomposition and reconciliation | left 60% grouped delta list + right 40% bullseye | 4–6 factor rows in two groups | converging rays, bottom sealing sentence | not suited to precise waterfalls.
+Horizontal comparison | same-basis multi-object scoring | ~23% overview + three isomorphic columns of ~25% | per column: 1 primary metric + 3 KV rows + 1 diagnostic passage | invisible tables, status dots | no more than 4 columns.
+Status governance | project red/amber/green tracking | 3 equal-height horizontal cards stacked vertically, ~62:38 inside each | five fields per card: status / progress / blocker / correction / owner and date | progress bars, status lights | no more than 3 cards.
+Roadmap-decision close | next-phase route + sign-off | upper half three-node roadmap + lower half two decision cards | 2 lines of description per node | ice-blue gates, amber consequences | no thank-you pages.
+
+【Density Baseline】
+Body pages carry 4–7 core modules and 8–26 independently readable text blocks; diagnostic table pages are densest, at ~6 columns × 5–8 rows and 30+ cell-level information groups. Each page has 1 main chart or 1 set of isomorphic gauges (at most 3); trend bars number 8–10, each directly labeled; progress-bar pages cap at 3 bars; scorecards carry 3–4 KV rows per column. Titles 1 line, subtitles 1 line, bottom closing sentence 1–2 lines; left-column note blocks run 2–3 lines each, roughly 25–60 words/characters equivalent; status cards carry ~5–7 text blocks each. Whitespace concentrates between title and body, in inter-column gutters, in the dark field at right, and at the page edges; the body area holds no large empty block, nor may it be filled to overflow.

skills/open-kimi-ppt/reference/design_system/work/electric-violet-business/design.md

@@ -0,0 +1,77 @@
+# Electric Violet Business · WORK REPORT STYLE DESIGN SYSTEM
+
+## PART A — Category Baseline (Universal Floor)
+
+A conclusion-first business review benchmarked against top-tier operating reviews and project progress briefings. Every slide in this deck must be scannable within 30 seconds, and every figure must withstand drill-down questioning: status is backed by evidence, variances are attributed, and requests are stated explicitly.
+
+Content and layout:
+1. Executive structure: conclusion overview (a one-slide performance verdict) → core metrics vs targets → revenue/mix analysis → variance attribution → project status (red/amber/green) → cost and efficiency → next-period actions → decisions and support required.
+2. Status visualization is a signature: red/amber/green indicators, target vs actual tables, progress bars with numeric labels, variance waterfalls, and milestone timelines.
+3. Medium-to-high density with strict grid discipline: pages are built from aligned status modules and tables; zero decoration; every module answers “So what?” in place.
+
+Visual style:
+1. Aesthetic: crisp, corporate, and utilitarian; the reader should be able to audit the entire period from the pages alone.
+2. Typography: use one sans-serif family throughout; establish hierarchy through weight and size, never decorative type; always align numbers in columns, and never set numbers in serif display type.
+3. Color: use a neutral structural palette (dark slate/graphite + gray). Reserve status colors strictly for meaning—green/amber/red communicate status only. Use one accent color (as defined by the style) for emphasis and current-period highlights; never use status colors decoratively.
+4. Graphics: use simple charts (bar comparisons, line trends, variance waterfalls); use fine rules in tables and right-align numbers; no 3D, no pictograms as data, and no gradient fills.
+
+Structure and discipline (distilled from work we recognize as best-in-class):
+1. The first slide is always the verdict: one sentence on overall attainment + target vs actual values for 3–5 headline metrics; never pad the deck with a generic cover.
+2. Every metric must show target, actual, and attainment rate together; a metric with an actual but no target is a defect.
+3. Variance slides must provide quantitative attribution: break the gap into named causes whose amounts sum to the total gap; no unexplained remainder is allowed.
+4. Project status requires a complete triad: status indicator + evidence (progress %, milestone) + corrective action (with owner and date); a red item without a recovery plan is a defect.
+5. Next-period actions are commitments, not wishes: each must include an owner, timing, and expected quantified impact.
+6. Trend slides must mark the reporting-period boundary and annotate the causes of inflection points within the chart; render forecast segments with dashed lines and label them as planned/estimated.
+7. Align parallel modules rigorously to the grid: modules in the same row share height and baseline; group mixed content by meaning rather than scattering it.
+8. Every number must include its unit, period, and definition (GMV or revenue, order volume or sales value); label estimated values as internally defined examples.
+9. The deck must end with items requiring management decisions and support—list each separately with the consequence of delay; never close with a thank-you slide.
+
+Default baseline (distilled from the layout skill; PART B may override): use one consistent lightweight component system throughout for progress, attainment rates, and red/amber/green status; each slide contains 1 topic + 2–4 supporting points, with the conclusion graspable within 5 seconds; every metric must be paired with a “So what?”—cause, impact, or next action—rather than presented as a bare number.
+
+**Title read-through test**: reading only the slide titles should tell the complete story; if they do not read coherently in sequence, the structure has not been established.
+
+Density anchor: the specific floor for each style (evidence modules per slide, chart count, and annotation conventions) is defined by the 【Density Baseline】 reverse-engineered from that style’s source deck—the baseline here imposes no universal number.
+
+### Global Prohibitions (Default AI Patterns · Mandatory)
+
+1. **No default card-based layouts**: unless explicitly requested by the user, do not use rounded rectangles or rectangular cards to create hierarchy or alignment—functional containers (status indicators, assumption boxes, quote frames) are not cards. Lines, whitespace, and differences in type size and weight are preferred.
+2. **No equal-split compositions**: unless no other layout is viable, do not default to three equal columns, four equal columns, or a two-by-two matrix—equal division must be justified by the content structure (three scenarios naturally support three columns; frameworks explicitly named in the brief are exempt).
+3. **No arbitrary AI color palettes**: institution-specific palettes stated in the body are exempt. Prohibited treatments are generic, familiar, and unjustified defaults—blue-purple gradients, cyan-purple neon, rainbow glows, glass cards, and glowing borders.
+4. **No elements that conflict with the overall style**: do not introduce out-of-style treatments, such as rounded icons or rounded rectangles in a sharp-edged visual system.
+5. **Keep chart backgrounds transparent**: use transparency or the slide background color, except for reversed charts on dark backgrounds.
+6. **No unfilled regions**: do not leave large blank areas in the body content zone; every planned region must be filled with real content. Failure to fill a region is the most serious form of roughness.
+
+## PART B — Signature System (Template-Specific Signatures; Overrides PART A in Case of Conflict)
+
+One-line style signature: editorial corporate documentary, using a single Electric Violet focal accent on white/near-black backgrounds, alternating large authentic photographs with medium-to-high-density data slides.
+
+【Color Palette】
+Background: #FFFFFF for body slides; #121212 only for the cover/image-led openers, and #000000 only for the closing slide. Primary text and headings on white: #121212; headings on dark backgrounds: #FFFFFF. Primary accent: #5114F6, used for section backgrounds, key figures, bars/strips/bubbles, and fine outlines—not as decorative blocks in body content. Supporting colors: #9E9E9E only for secondary annotations; #CCCCCC only for gridlines. Charts: #5114F6 for the primary series, #9E9E9E for the baseline, and #000000 occasionally for a priority star marker. Positive/negative colors inherit PART A; the source deck provides no stable hex values. Apart from neutrals, allow only one hue per slide. Full-bleed Electric Violet is reserved for section slides; it may occupy approximately 44%–56% of a body slide only when the content has a genuine binary relationship.
+
+【Layout Skeleton】
+Source canvas: 10×5.625 inches, 16:9. Standard slides have no full-width header; primary content begins at approximately 12% from the left, ends at 94.5% on the right, starts 10%–20% from the top, and leaves an approximately 10% footer band at the bottom. The footer has no divider: place one short category/period label at bottom left and one page number at bottom right. The stable grid uses a 44/56 image-text split, a 38/62 information split, or a three-column narrative; the default reading path is judgment on the left → evidence on the right. Cover only: near-black upper 49% and photograph lower 51%, with the title left-aligned on the black field. Section slide only: full-bleed #5114F6, with “two-digit index—section title” positioned around 12% from the left and 34% from the top.
+
+【Typography】
+The source PPTX explicitly uses Tahoma as the primary typeface, a neutral sans serif; Roboto appears sparingly in a few section titles/table labels and must not be elevated to primary status. Body text 1x=7pt; standard titles approximately 3.1x=22pt; section titles approximately 3.7x=26pt; covers occasionally use 5.1x=36pt; large figures approximately 2.4–3.7x=17–26pt; footnotes approximately 0.86–0.93x=6–6.5pt. Titles, KPI figures, and section bands use bold; body copy stays regular, with hierarchy built through weight, scale, and space. Use sentence case for titles; section numbers always use a two-digit index followed by an em dash; large figures may be followed immediately by “+” or a unit. For new non-English content, retain a comparable sans serif and the same scale ratios; render with QuattrocentoSans (Latin text/numerals) and MiSans (Chinese).
+
+【Chart Language】
+The source deck uses single-series vertical bars, horizontal progress/comparison bars, dot-matrix ratings, number bubbles, bubble matrices, and tables; maps and radial charts appear only occasionally. ⭐Dot-matrix rating: in a row of outlined Electric Violet circles, fill only one circle and place the value at the end of the row; use for a 10-point scale or stage position. ⭐Progress bar: fine Electric Violet outline, solid fill from the left, with the percentage right-aligned inside the frame. ⭐Number bubble: equal-size solid circles as numeric containers; never use area to imply quantity; no more than 4 within one group. ⭐Vertical bar chart: use #5114F6 for every bar with fine light-gray gridlines; do not recolor individual bars; use a #000000 star only occasionally for a small number of focus items. ⭐Bubble matrix, occasional use only: a 44/56 split between an Electric Violet index area on the left and a white coordinate area on the right.
+
+【Signature Components】
+1. Section index title: use “NN—” to establish rhythm; appears only on full-bleed Electric Violet section slides, once per slide.
+2. Near-black statement field + photograph: the left approximately 44% contains one large statement only; the right approximately 56% is a full-height photograph with no additional body copy overlaid.
+3. Photography is a hard requirement: approximately half of the slides use documentary photographs of people/work environments, cropped large with square corners and separated from text; never substitute abstract illustrations, colorful icons, or blurred imagery. If no suitable photograph is available, use a pure-white data slide instead.
+4. Fine footer: information label at bottom left, page number at bottom right, with no color block or horizontal rule; one footer set on every body slide.
+
+【Prohibited】
+Do not use a second decorative accent color or multicolored series; charts may introduce PART A status colors only when genuine status semantics exist. Do not place text over photographic texture; do not replace large documentary images with circular headshots, color-tinted photographs, or abstract illustrations. Do not use heavy black, all caps, or decorative type to establish title hierarchy. Do not fill half a slide with Electric Violet unless the content has a clear binary structure; standard data slides retain only lines, bars, figures, and circular accents.
+
+【Slide Types and Layouts】
+Image-text narrative slide｜Best for one conclusion plus context/testimony｜Photograph 44%–56% or 28% sidebar, with 1–3 text blocks in the remaining area｜2–4 blocks｜Large documentary image + fine footer｜Not suitable for comparing many metrics.
+Data overview slide｜Best for parallel outcomes/composition｜Title area approximately 20% on the left, two data columns approximately 65% across the center and right｜4–8 blocks｜Large figures, dot matrices, progress bars, bubbles｜Not suitable for long causal chains.
+Chart evidence slide｜Best for grouped comparisons addressing one question｜Conclusion and annotations in the upper/left 20%–35%, one primary chart in the lower right 55%–65%｜2–3 blocks｜Single-violet series + priority star marker｜Not suitable for a multi-topic collage.
+Multi-case gallery slide｜Best for 2–3 parallel cases｜Image above text in each column, with photographs occupying the upper half of the slide｜2 blocks per case｜Square-corner photographs + left-aligned titles｜Not suitable when the three items have unequal importance.
+Black-field image opener｜Best for a section transition or single-sentence viewpoint｜Black field 44% + photograph 56%｜1 sentence + 1 image｜Large reversed title｜Not suitable for evidence or action lists.
+
+【Density Baseline】
+Long-form pages in the source deck typically contain 2–5 text blocks totaling approximately 900–1800 Latin characters. To preserve PART A scanability in a new business report, retain columns but compress the content to 2–3 blocks, each with an 80–160 words/characters equivalent. Image-text slides should use 1 large image + 1–3 explanatory blocks; data overview slides should contain 4–8 evidence modules; chart slides should contain 1 primary chart or 2–4 microcharts. Label progress bars, bubbles, and horizontal bars in place; vertical bars rely on the y-axis and should not label every bar, highlighting only 1–2 priorities. Keep whitespace at the left entry margin, between columns, and in the bottom footer band. Image-led openers and data slides should differ clearly in density; do not impose a hard deck-wide floor.

skills/open-kimi-ppt/reference/design_system/work/moon-white-imagery/design.md

@@ -0,0 +1,62 @@
+# Moon-White Imagery · WORK REPORT STYLE DESIGN SYSTEM
+
+## PART A — Category Baseline (General Minimum)
+
+A conclusion-first business performance report benchmarked against top-tier operating review meetings and project progress briefings. Every slide in this deck must be scannable in 30 seconds, and every number must withstand drill-down questioning: status is backed by evidence, variances are attributed, and requests are stated clearly.
+
+Content and layout:
+1. Executive structure: executive overview (a one-slide verdict on completion) → core metrics vs. targets → revenue/mix analysis → variance attribution → project status (red/amber/green traffic lights) → cost and efficiency → next-period actions → decisions and support required.
+2. Status visualization is the signature: red/amber/green status lights, target vs. actual tables, progress bars with numeric labels, variance waterfalls, and milestone timelines.
+3. Medium-to-high density with strict grid discipline: slides are built from aligned status modules and tables; zero decoration; every module answers “So what?” in place.
+
+Visual style:
+1. Aesthetic: crisp, corporate, and utilitarian; the reader should be able to audit the entire period from the slides alone.
+2. Typography: use a single sans-serif family throughout the deck; establish hierarchy through weight and size, never decorative type; always align numbers in columns, and never set numbers in a serif display face.
+3. Color: use a neutral structural palette (deep slate/graphite + gray); reserve status colors strictly for meaning—green/amber/red indicate status only, while one accent color (as defined by the style) marks priorities and current-period highlights; never use status colors as decoration.
+4. Graphics: use simple chart types (comparative bars, trend lines, variance waterfalls); use fine rules in tables and right-align numbers; no 3D, no pictograms as data, and no gradient fills.
+
+Structure and discipline (derived from work we recognize as best-in-class):
+1. The first slide is always the verdict: one sentence on overall completion + target vs. actual values for 3–5 headline metrics; never pad the deck with an empty cover.
+2. Every metric must show all three: target, actual, and achievement rate; a metric with an actual but no target is defective.
+3. Variance slides must quantify attribution: break the gap into named causes whose amounts sum to the total gap; no unexplained remainder is allowed.
+4. The project-status triad: status light + evidence (progress %, milestone) + corrective action (with owner and date); a red item without a recovery plan is defective.
+5. Next-period actions are commitments, not wishes: every action includes an owner, timing, and expected quantified impact.
+6. On trend slides, mark the reporting-period boundary and annotate the cause of each inflection point within the chart; use dashed lines for forecast segments and label them as plan/estimate.
+7. Align parallel modules strictly to the grid: modules in the same row share height and baseline; group mixed content by meaning rather than scattering it.
+8. Every number must include its unit, period, and measurement basis (GMV or revenue, order volume or sales value); label estimates as internal illustrative assumptions.
+9. The deck must end with items requiring management decisions and support—list each one with the consequence of delay; never end with a thank-you slide.
+
+Default baseline (derived from the layout skill; PART B may override): use one unified lightweight component for progress/achievement rate/red-amber-green status throughout the deck; each slide has 1 topic + 2–4 supporting points, with the conclusion clear within 5 seconds; every metric must include a “So what?”—a cause, impact, or next action, never a pile of bare numbers.
+
+**Title read-through test**: Read only the slide titles from beginning to end; they should tell the complete story. If the sequence does not flow, the structure has not been established.
+
+Density anchor: The specific minimum for each style—the number of evidence modules and charts per slide, plus annotation conventions—is defined by the 【Density Baseline】 reverse-engineered from that style’s source deck; this baseline does not impose a single universal number.
+
+### Global Prohibitions (Default AI Patterns · Mandatory)
+
+1. **Do not use cards by default**: Unless the user explicitly requests them, never use rounded rectangles or rectangular cards to create hierarchy or alignment—functional containers (status lights, assumption boxes, quotation frames) do not count as cards. Lines, whitespace, type size, and weight contrast are better tools.
+2. **Do not use equal-split compositions**: Unless no other layout is viable, do not default to three equal columns, four equal columns, or a two-by-two matrix—an equal split must be justified by the content structure (three scenarios naturally warrant three columns; frameworks explicitly named in the brief are exempt).
+3. **Do not use arbitrary AI color schemes**: Institution-specific palettes stated in the brief are exempt; prohibited treatments are moderate, generic, and unjustified defaults—blue-purple gradients, cyan-purple neon, rainbow flares, glass cards, and glowing borders.
+4. **Do not introduce elements that clash with the overall style**: Never use styling outside the established visual language, such as rounded icons or rounded rectangles in a sharp-edged style.
+5. **Keep chart backgrounds transparent**: Use transparency or the slide background color, except for reversed charts on dark backgrounds.
+6. **Do not leave regions empty**: Do not leave large blank areas within the main content zone; every planned region must be filled with real content. An unfilled region is the most serious form of roughness.
+
+## PART B — Signature System (Distinctive Signature of This Template; Overrides PART A in Case of Conflict)
+
+One-sentence style signature: A calm, documentary character built on a moon-white background and a deep forest-green framework, with spring green illuminating key subjects; large-scale photography and generous whitespace create a low-to-medium-density rhythm.
+
+【Color Palette】Background #FFFFFF, covering 70%–95% of white-background content slides; an occasional solid-color closing slide may use #141414, limited to one slide in the entire deck. Primary body text #99AAA0 for explanatory copy; noncritical notes may use the lighter #D6DDD9. Titles #002A12, reserved for titles, key labels, and dark data series. Primary accent #1ECF77, used only to illuminate the current subject, a core number, or one primary series, occupying less than 10% of the slide. Supporting fills #F2F4EF and #FDF8E0 are used only for pale-green/warm-white zones that compare metrics; large neutral numbers may use #474F58. Chart series colors, in order, are #3D5D48, #7D9385, #A2B2A7, and #B9C8BE, with the primary subject overridden by #1ECF77. Positive status color #1ECF77; negative semantics inherit PART A, with #F3001C used only sparingly when this deck requires a specific anchor. Use no more than two hue families on a slide; the iron rule is that spring green never fills the slide and is never used as meaningless decoration.
+
+【Layout Skeleton】Source canvas 21.986×12.368 inches, aspect ratio 1.77765, equivalent to 16:9. Keep approximately 2% outer margins on content slides; place the header at roughly 4% of the slide height, with the document role on the left, the current section at approximately 15% across the width, and the page number right-aligned, with no horizontal rule. The main title usually begins 2% from the left and 20% from the top, spanning 30%–39% of the width; common two-column proportions are 38:62 or 42:58, with the reading path moving from the upper-left conclusion → lower-left explanation/metrics → primary visual on the right. This overrides PART A’s “do not leave large blank areas within the main content zone”: a breathing zone equal to 20%–30% of the slide height may remain between the title and the evidence below, but it must not be an unfilled content slot. Cover/section slides are special-use slides only: place a rounded, near-full-bleed photograph inside an approximately 2% white border, with the title at bottom left and the sequence number at bottom right; if PART A does not permit a standalone cover, use this treatment as the visual foundation of the first-slide verdict rather than adding an empty cover.
+
+【Typography】Verified source fact: text in the PPTX has been converted to images or outlines, and the PDF contains no embedded fonts, so the family name cannot be verified; only a neutral, minimally embellished sans-serif style—primarily in regular and medium weights—can be confirmed (render with {latin: Liter, ea: MiSans}). Body text 1x, standard titles approximately 2.3–2.6x, large numbers approximately 4–7x, and headers/footnotes approximately 0.65–0.75x; section titles may reach 4.5–5.5x. Set titles in sentence case, never all caps; scale percentage signs and units to 0.55–0.7 of the numeral size and align them to the baseline; emphasize key phrases with the dark color rather than bold weight.
+
+【Chart Language】Types used in the source include bar-line combinations, line charts, horizontal bars/stacked bars, KPI bands, two-subject comparisons, sparse matrices/tables without vertical rules, and relationship network diagrams. ⭐Use #1ECF77 for the primary subject and recede reference subjects through the same gray-green family; this is suited to “current-period/target subject vs. overall” comparison, not rainbow charts. ⭐Charts often sit in the lower-right or lower half, leaving titles and explanations in the upper half. ⭐Keep axes and gridlines extremely faint; label only series, endpoints, current values, and a few key ticks rather than every point. ⭐A KPI group may place pale green, warm white, and deep green side by side at three value levels, but use no more than one group with 2–5 items per slide.
+
+【Signature Components】Photography is a hard constraint: approximately 23/38 slides use a single documentary photograph as the primary evidence across at least half the slide; never replace it with illustrations, icon collages, or decorative stock imagery, and prefer whitespace on data-only slides. Use a corner radius equal to approximately 1%–1.5% of the canvas width for content photographs, fixed flush to the right, left, or bottom edge. The borderless three-segment header is for content slides only. Use no more than one bottom metric band per slide, containing 2–5 equal-height modules; circular monochrome icons appear only with metrics or further reading, limited to 1–3 per slide. A translucent caption band along the bottom of a photograph is optional and used only for sourcing/explanation.
+
+【Prohibited】Do not use multi-thumbnail collages: allow only one primary photograph per slide; subject silhouettes may appear only as comparative evidence. Do not place text over photographs on standard white-background slides; text may overlay only full-bleed image statement slides, and the image must be darkened or diffused. Do not let pure black dominate titles or body text; reserve #000000 for micro headers, axes, or special dark slides. Do not label every bar, point, or table cell with a number. Do not use low-contrast pale gray-green for conclusions, targets, variances, or actions; these audit-critical elements must use #002A12 or #1ECF77.
+
+【Slide Types and Layouts】Split text–image slide｜Best for one judgment supported by contextual evidence｜Text 35%–42%, single photograph 58%–65%｜2–4 independent blocks｜Rounded primary image, header, optional metric band｜Not suitable for multi-series data. Conclusion-above-evidence slide｜Best for a conclusion with KPI/comparison evidence｜Upper 45% for the judgment and brief explanation, lower 45%–50% for 2–5 evidence items｜3–6 blocks｜Metric band, subject silhouette｜Not suitable for long passages. Chart-explanation slide｜Best for trend or structural comparison｜Explanation on the left/top 30%–40%, one primary chart on the right/bottom 55%–65%｜2–4 blocks｜Green-gray series, sparse annotation｜Not suitable for multiple equally weighted charts. Dark image-overlay slide｜Best for spatial, process, or technical relationships with a small set of metrics｜Full-bleed image/graphic background, conclusion at upper left, metric band at the bottom｜3–7 blocks｜Reversed text, bottom metric band｜Not suitable for long audit tables. Sparse matrix/long-form slide (occasional)｜Best for cross-subject certification or policy explanations that must be retained｜One table without vertical rules, or 2–3 text columns plus one small image｜1 primary table or 3–5 blocks｜Fine horizontal rules, small image at lower right｜Not suitable for frequent reuse.
+
+【Density Baseline】White-background text–image slides typically contain 1 title, 1–3 explanatory blocks, and 1 primary image, with 1–2 metrics added when needed; each explanatory block is 45–110 words/characters equivalent. Chart slides retain 1 primary chart or table with 1–2 explanatory blocks; label only the current subject, endpoints, anomalies, and units. Dark image-overlay slides may contain 2–5 numbers in the bottom band, with no more than 2 body-content blocks. Section/point-of-view slides contain only a title and an optional short note, with no mandatory minimum for evidence blocks. Long-form slides are occasional only and may use 2–3 columns, each approximately 160–260 words/characters equivalent. Whitespace belongs below the title, above the chart, and outside the photograph; never fill a breathing zone with cards.

skills/open-kimi-ppt/reference/design_system/work/sky-blue-wayfinding/design.md

@@ -0,0 +1,84 @@
+# Sky Blue Wayfinding · Work STYLE DESIGN SYSTEM
+
+## PART A — Category Baseline (General Minimum Standard)
+
+A conclusion-first business performance report benchmarked against top-tier operating review meetings and project progress briefings. Every page in this deck must be scannable within 30 seconds, and every number must withstand drill-down questions: status is evidenced, variances are attributed, and requests are explicit.
+
+Content and layout:
+1. Executive structure: conclusion overview (a one-page completion verdict) → key metrics vs targets → revenue/mix analysis → variance attribution → project status (red/amber/green) → cost and efficiency → next-period actions → items requiring decisions and support.
+2. Status visualization is the signature: red/amber/green status lights, target vs actual tables, progress bars with numeric labels, variance waterfalls, and milestone timelines.
+3. Medium-high density with strict grid discipline: pages are built from aligned status modules and tables; zero decoration; every module answers “So what?” in place.
+
+Visual style:
+1. Aesthetic: crisp, corporate, and tool-like; the reader should be able to audit the quarter from the pages alone.
+2. Typography: one sans-serif family throughout the deck; hierarchy comes from weight and size, not decorative type; numbers are always column-aligned and never set in serif display faces.
+3. Color: a neutral structural palette (deep slate/graphite + gray), with status colors reserved strictly for meaning—green/amber/red indicate status only, while one style-specific accent color marks priorities and current-period highlights; never use status colors decoratively.
+4. Graphics: simple charts (bar comparisons, line trends, variance waterfalls); thin table rules and right-aligned numbers; no 3D, no pictograms as data, and no gradient fills.
+
+Structure and discipline (distilled from the work we recognize as benchmarks):
+1. The first page is always the verdict: one sentence on overall completion + target vs actual for 3–5 headline metrics; never pad the deck with generic cover copy.
+2. Every metric must show all three: target, actual, and attainment rate; an actual without a target is a defect.
+3. Variance pages must quantify attribution: split the gap into named causes whose amounts sum to the total gap; unexplained residuals are not allowed.
+4. Every project status requires the full triad: status light + evidence (progress %, milestones) + corrective action (with owner and date); a red item without a recovery plan is a defect.
+5. Next-period actions are commitments, not wishes: every item includes an owner, timing, and expected quantified impact.
+6. Trend pages mark the reporting-period boundary and annotate causes of inflection points inside the chart; forecast segments use dashed lines and are labeled as plan/estimate.
+7. Parallel modules follow the grid precisely: modules in the same row share height and baseline; mixed content is grouped by meaning, never scattered.
+8. Every number includes its unit, period, and definition (GMV or revenue, order volume or sales value); estimated values are labeled as internally defined examples.
+9. The deck must end with items requiring management decisions and support—list each item with the consequence of delay; never close with a thank-you page.
+
+Default baseline (derived from the layout skill; PART B may override): use one consistent lightweight component system throughout for progress, attainment, and red/amber/green status; each page has 1 theme + 2–4 supporting points, with the conclusion evident within 5 seconds; every metric must include a “So what?”—the cause, impact, or next action—rather than a pile of bare numbers.
+
+**Headline read-through test**: reading only the slide titles should tell the complete story; if the sequence does not flow, the structure is not working.
+
+Density anchor: the specific minimum for each style (number of evidence modules and charts per page, plus annotation conventions) follows that style’s 【Density Baseline】 reverse-engineered from the source deck—this baseline does not impose a single universal number.
+
+### Global Prohibitions (AI Default Patterns · Mandatory)
+
+1. **Do not default to cards**: unless explicitly requested by the user, do not use rounded rectangles or rectangular cards to create hierarchy or alignment—containers with a genuine information function (status lights, assumption boxes, quote frames) do not count as cards. Lines, whitespace, and differences in type size and weight are better tools.
+2. **Do not default to equal-split compositions**: unless no other layout is viable, do not use default three-way, four-way, or two-by-two grids—equal division must be justified by the content structure (three scenarios naturally warrant three columns; frameworks explicitly named in the brief are exempt).
+3. **Do not use ungrounded AI color schemes**: institution-specific palettes defined in the body are exempt; what is prohibited is a generic, conventional, unjustified default—blue-purple gradients, cyan-purple neon, rainbow glows, glass cards, and luminous borders.
+4. **Do not use elements inconsistent with the overall style**: nothing outside the visual language may appear, such as rounded icons or rounded rectangles in a sharp-edged style.
+5. **Keep chart backgrounds transparent**: use transparency or the page background, except for reversed charts on dark backgrounds.
+6. **Do not leave planned regions empty**: no large blank area may remain in the main content zone; every planned region must be filled with real content, and failure to fill it is the most serious form of roughness.
+
+## PART B — Signature System (Distinctive Template Signatures; This Section Prevails over PART A in Case of Conflict)
+
+One-sentence style signature: a calm operating-review aesthetic built on white and pale sky blue, with electric blue as the sole strong accent and deep navy anchoring the data; medium-high density throughout, with the rigor of an auditable worksheet.
+
+【Color Palette】
+Use #FFFFFF as the primary background across most body content and tables. Use #C2E6FF as a sectional background only for right-side explanation panels, full data regions, or section transitions—not as the deck-wide background. Use #D6F1FF for row and column highlights, limited to the current period, priority rows, and small label bands. #000000 is the primary text color for body copy, tables, and footnotes; avoid blue for long-form reading. Use #007ACC consistently for titles, rules, primary bars, and key numbers, concentrating it in title areas, primary chart series, and conclusion values rather than spreading it across ordinary pages. Use #001142 for dark contrast, limited to comparison bars, baselines, dark stacked segments, and a small amount of emphasized text; use #F2F2F2/#F5F6F7 for fine rules and alternating fills. Only feature pages may introduce #00948A and #7E59BD, respectively for two thematic series or color-blocked sections; do not let them spread into standard metric pages. Positive/negative coloring follows PART A, because the source deck has no stable red-green semantics; express negative values with #001142, parentheses, or downward bars. Standard body pages should generally retain only the blue family plus neutrals, with no more than three chromatic colors; flag/feature-chart pages may make localized exceptions without carrying them elsewhere. Never use #007ACC as a full-page fill; reserve an intense full-blue page for special slides such as disclaimers.
+
+【Layout Skeleton】
+Source-deck facts: the canvas is 720×405pt, 16:9. Body-slide titles are fixed near the upper-left boundary at approximately 34pt, at around 18pt type size. Many slides begin with a pale-blue horizontal bar spanning roughly one quarter of the canvas width, containing a shorter section label; the evidence area begins below the title. The standard reading path is title conclusion → left-side table/chart → right-side explanation or action → bottom footnote and page number. Two columns form the primary skeleton, typically with 55–65% on the left for data and 35–45% on the right for explanation/small charts; side-by-side comparison may also be created with square-corner white and #C2E6FF regions. In multi-period tables, left-align labels and right-align numbers. Project status pages use approximately 25–30% of the left side as a metadata rail and 70–75% of the right side for three to four narratives with leader lines. Only cover, section, Q&A, and appendix divider slides use full-bleed photography or a white title frame; special slides do not inherit the standard body grid.
+
+【Typography】
+Source-deck font facts: the embedded fonts are the sans-serif OrstedSansOffice (body copy, tables, and standard titles, Regular/Bold) and OrstedSans (cover and section display titles, Regular/Bold); no serif fonts are used. Keep numbers and English text in the same sans-serif family. Record dense body text at approximately 8–9pt as 1x; sparse narrative text may increase to 11–12pt. Standard titles are approximately 18pt≈2x, key figures approximately 12–14pt≈1.5–1.8x, and footnotes approximately 6pt≈0.7x. Section-card titles are approximately 28pt, and Q&A divider titles are larger; both belong only to special slides. Titles generally use English sentence case or Title Case and are limited to two lines. Table numbers consistently include units/percent signs and align by column; negative values use parentheses or a minus sign, never a decorative numeric typeface. Render with Liter (Latin text/numerals) and MiSans (Chinese).
+
+【Chart Language】
+Chart types present in the source include horizontal or vertical bar charts, waterfall/bridge charts, paired columns, 100% stacked columns, donut charts (occasional), dense multi-period tables, and combination slides with a “table + small chart on the right.” ⭐Waterfall charts use thin connector lines and values above the bars to break down movement from opening to closing, followed immediately by two to four causal explanations. ⭐Paired-column charts place “before/after” or “baseline/current state” side by side, with leader-line annotations above showing the matching ratio or difference. ⭐Multi-period tables use thin blue top/bottom rules, a pale-blue highlight across the entire current-period column, bold total rows, and a methodology footnote at the bottom. Bar charts generally label each bar or group directly; the primary series uses #007ACC and comparison series use #C2E6FF/#001142. Keep legends to the essential two or three items; do not rely on hover states or large color-block legends.
+
+【Signature Components】
+1. Header section rail: a pale-blue horizontal bar at the upper left overlaid with a shorter label, providing section navigation; place it once at the top of each body slide.
+2. Project arc rail: 5–7 concentric blue arcs on the left with a small number of nodes and horizontal leader lines, linking metadata such as “location/scale/stage/next milestone” to the narrative on the right; use one group per project-progress slide only, never as a decorative background.
+3. Current-period highlight: use #D6F1FF or #C2E6FF in multi-period or metric tables to identify the current column/priority row, paired with a thin #007ACC rule; use only when comparing time periods or versions.
+4. Photographic section board: photography is a hard requirement, but it appears only on covers, section transitions, Q&A/appendix dividers, or in a right-side image column occupying approximately 30–45% of a body slide. A section card may place a square-corner white title frame and circular portrait in the left 20–30%. In ordinary evidence areas, never use photography in place of a table, chart, or explanation.
+5. Page numbers remain in a small fixed position at the lower left; reverse them to white on photographic slides for legibility. Do not add a decorative footer bar to body slides.
+
+【Prohibited】
+1. Do not use full-slide photography or large image backgrounds on ordinary body slides; photography may appear only in the positions defined by the “Photographic section board.”
+2. Do not use #007ACC as the background of an ordinary body slide; an intense full-blue slide is limited to one-off special pages, while data slides remain primarily white with pale-blue sections.
+3. Do not use rounded cards, pill labels, or luminous borders inside data modules; the square-corner white frame on a photographic section card is the exception.
+4. Do not use concentric arcs as general decoration; the arc rail should not appear outside a project-status narrative slide.
+5. Do not give all columns equal-weight black-and-white treatment in dense multi-period tables; the current period must be located with a pale-blue column, blue rule, or an equally strong locator.
+6. Use #00948A/#7E59BD only for semantic segmentation on thematic feature slides; do not let these secondary colors compete with the primary blue on standard metric, risk, or capital slides.
+
+【Slide Types and Layouts】
+Photographic section board (occasional)｜Opening, section transitions, Q&A/appendix｜Full-bleed photograph or photograph + white title frame, title area approximately 20–30% wide｜1 theme｜Photographic section board｜Not suitable for multiple metrics.
+Conclusion two-column slide｜Operating summary, decision conclusion｜Left 45–55% numbered/metric list; right 45–55% highlight narrative or small table; 2 primary regions and 4–8 independent blocks｜Section rail, pale-blue section｜Not suitable for long row-by-row tables.
+Project-progress arc slide｜Single-project status, risks, and next steps｜Left 25–30% title + 4 metadata items; right 70–75% three to four leader-linked narratives; 4–6 blocks｜Project arc rail｜Not suitable for comparing multiple projects side by side.
+Table + chart two-column slide｜Multi-period metrics, risk exposure, capital movement｜Table 55–65%; chart/explanation 35–45%; 1–2 charts and 2–4 evidence blocks｜Current-period highlight, pale-blue side panel｜Not suitable for bare numbers without a defined basis.
+Three-chart feature slide｜Three parallel metric categories or thematic framework｜Three approximately equal-width columns, shared top baseline, shared bottom footnote; 3 primary charts + explanation｜Blue bars or thematic secondary colors｜Not suitable for long-form narrative.
+Dense appendix table slide｜Definitions, lists, historical series｜Full-slide table with multiple columns and rows (approximately 15–30 rows), with a methodology footnote along the bottom｜Blue table header, total-row rule｜Not suitable for adding photography or a second primary narrative.
+
+【Density Baseline】
+Most body slides in the source deck have medium-high density: conclusion slides typically contain 2 primary regions and 4–8 independent evidence blocks; project arc slides contain 4 metadata items plus 3–4 explanations; chart slides contain 1–3 charts, with most values labeled directly above or beside bars; appendix table slides commonly contain 1 main table with 15–30 rows. New slides should retain 1 theme and 2–4 supporting modules per page; table slides should use 1 primary table + no more than 1 supporting chart. Explanatory text usually comprises 2–4 blocks, each approximately 20–60 words/characters equivalent or 2–4 short sentences; footnotes occupy 1–3 lines within the bottom boundary. Whitespace should appear primarily in the left/right margins, at the two-column division, between arcs and leader lines, and above footnotes; it must not create a large empty void in the center of the body content.

skills/open-kimi-ppt/reference/design_system/work/warm-clay-works/design.md

@@ -0,0 +1,111 @@
+# Warm Clay Works · work_report STYLE DESIGN SYSTEM
+
+## PART A — work_report Baseline (Universal Floor)
+
+**Master-crafted**: every page is polished to the standard of a master charging a six-figure fee per slide — layout, type, color, and alignment carry no defaults and no AI-template smell; details decide success.
+
+Conclusion-first business reporting, benchmarked against top-tier business reviews and project progress briefings: every page scannable in 30 seconds, every number able to withstand drill-down — status backed by evidence, deviations attributed, asks spelled out.
+
+Content and layout:
+1. Management structure: executive overview (one-page verdict on completion) → core metrics vs. targets → revenue/mix analysis → deviation attribution → project status → cost and efficiency → next-period actions → items needing decisions and support.
+2. Status visualization is the signature: target vs. actual tables, progress with numeric labels, deviation attribution, milestone timelines; status components drawn one way across the deck.
+3. Grid discipline: pages are built from aligned status modules and tables; zero decoration; every module answers "so what" on the spot.
+
+Visual style:
+1. Aesthetics: crisp and corporate; the reader can audit the quarter from the pages alone.
+2. Type: a restrained set of families, hierarchy built on weight and size rather than decorative lettering; numbers always column-aligned.
+3. Color: a neutral structural palette, status colors strictly reserved for meaning, one accent for emphasis and current-period highlights; status colors never decorate.
+4. Graphics: simple chart types; fine table rules, right-aligned numbers; no 3D, no pictographs as data, no gradient fills.
+
+Structure and discipline:
+1. Page one is always the verdict: one sentence on overall completion + target vs. actual for 3–5 headline metrics; no filler cover fluff.
+2. Every metric shows the trio — target / actual / attainment rate; actual without target is a defect.
+3. Deviation pages attribute quantitatively: the gap decomposes into named causes that sum exactly to the total gap — no unexplained remainder.
+4. Project status comes as a trio: status + evidence (progress, milestones) + corrective action (with owner and date).
+5. Next-period actions are commitments, not wishes: each carries an owner, a deadline, and an expected quantified effect.
+6. Trend pages mark the reporting-period boundary, with inflection causes annotated inside the chart; forecast segments use dashed lines labeled with their basis.
+7. Parallel modules align strictly to the grid: same row, same height, same baseline; mixed content is grouped by meaning, not scattered.
+8. Numbers must carry unit, period, and basis; estimates and modeled values follow the conventions of the source materials.
+9. The deck closes on items for management decision and support, each with the consequence of delay; no thank-you page endings.
+
+### Global Prohibitions (AI Default Patterns · Mandatory)
+1. No default cards — containers serving information functions (status lights, assumption boxes, quote boxes) do not count as cards; rules, whitespace, and size/weight contrast are the better solution.
+2. No evenly split compositions — unless the split is justified by content structure.
+3. No unmotivated AI color schemes — blue-purple gradients, cyan-purple neon, rainbow flares, glass cards, glowing borders.
+4. No element that clashes with the overall style.
+5. Transparent chart backgrounds — transparent or the page background color, except reversed-out on dark.
+6. Care with large empty areas — whitespace for breathing, grouping, and rhythm is allowed; padding to fill space, or stretching thin content into a crowded page, is treated as a defect.
+
+Density anchor: per-page minimums for evidence modules, charts, and labeling habits follow the density-baseline section reverse-engineered from the source deck for this style — this baseline imposes no uniform numbers.
+
+## PART B — Signature System
+
+One-line style signature: a "kiln-crafted" business narrative on warm off-white — ink-brown kai-flavored serif titles, a single terracotta-orange accent point, blush-pink soft ornaments, hairline-split columns, big numbers with their basis — low density and generous whitespace, like a handmade annual fired with restraint.
+
+【Color Palette】
+All hex values are approximations sampled from the reference images (fine strokes anti-aliased, sampling deviation ±8):
+- Page background warm off-white, approx. #F9F4E9: full-bleed throughout, chart areas get no separate fill.
+- Primary text ink brown, approx. #5C4630: titles, big numbers, in-table emphasis, step titles; fine serif strokes read lighter in the samples (sampled ~#8F5A27) — the deep ink brown is authoritative.
+- Primary accent terracotta orange, approx. #C0651F (solid dots and bars in the samples read ~#C96E25): the single lit point per page — key numbers, negative status words, short thick rules, quote bars, bar charts; no large color blocks in body areas (corner-ornament circles excepted).
+- Secondary accent label orange-brown, approx. #C0762F: used only for kicker section labels.
+- Soft ornament blush pink, approx. #F2DCD4: corner-ornament circles, photo backing, numbered pink chips (chips may go half a step deeper, approx. #F5D9CE); soft ornament only, carrying no information hierarchy.
+- Body gray-brown, approx. #7A6A56: body text, subtitles, explanatory passages.
+- Light note taupe, approx. #A08F78: source lines, basis footnotes, page numbers.
+- Secondary header camel brown, approx. #A37850: table header rows, column labels.
+- Two hairline sets: vertical dividers approx. #DCD2BE, bottom rules and row dividers approx. #CBBFA9; coil outlines approx. #7A5732.
+- In-bar labels reverse out in the page's off-white; positive/negative semantics borrow no red or green — negative = terracotta orange bold, positive = ink brown regular.
+
+【Layout Skeleton】
+Canvas 960×540 pt (16:9). Body pages: left margin 60 pt, content width 840 pt; cover and special pages may widen the left margin to ~98 pt. Fixed top sequence: kicker (y≈46, "NN | section name") → title (y≈72, one-line assertion) → subtitle (y≈116, one line of basis and how-to-read). Body zone y≈150–460: left/right columns split by a 1 pt vertical hairline at ratios of 55/45, 60/40, or a left 25–30% stats rail + right 70–75% main zone; full-width multi-column layouts likewise separate columns with 1 pt vertical hairlines. Fixed bottom close: full-width 1 pt rule at y≈484 → one verdict/summary line (key phrases in terracotta orange) → page number at lower right. Reading path constant: section label → assertion title → basis subtitle → body evidence → bottom verdict line. Corner-ornament circle groups hug the four bleed corners only, 1–2 groups per page, never entering the body area. The closing/commitment page may center everything (label, title, column groups, bottom note all centered) — the deck's only exception.
+
+【Typography】
+The source deck assigns three families distinct roles; never introduce a fourth:
+- Kai-flavored serif (recreated with LXGW Bright): page titles, cover quotations, CJK big numbers and units; titles 26 pt with +3 tracking, cover 30 pt.
+- Sans-serif (recreated with MiSans): section labels, subtitles, body, tables, notes; body 10.5–12 pt with 1.5–1.65 line height, labels 12 pt with +3–4 tracking.
+- Display serif numerals (recreated with Oranienbaum): big numbers and page numbers; big numbers 28–34 pt set beside 13–14 pt small units on one baseline; page numbers 10.5 pt.
+Hierarchy rests on size, weight, and tracking alone — no decorative lettering, no italic titles; numerals always use the display serif, tight against units and signs.
+
+【Chart Language】
+Only types that actually appear in the samples:
+- ⭐ Single-series vertical bar chart (recurs in samples): flat terracotta-orange bars, reversed-white values labeled inside each bar, baseline only — no y-axis, no grid; basis and reading notes below the chart, no curve fitting.
+- ⭐ Borderless comparison table (recurs in samples): fine horizontal rules only, generous row height; latest/key column lit in terracotta orange, blanks as em dashes; 1–2 lines of notes hang below every table.
+- ⭐ Full-width status table: text status chips instead of status lights, negative chips in bold terracotta, rows sorted by deviation severity; sorting and basis noted below the table.
+- KPI big-number strip: 4–5 columns split by thin vertical rules, each column a three-part stack of "small label + big number with small unit + two lines of explanation"; exactly one column per page lit in terracotta.
+- Big-number stats rail: 2–3 stacked on the left, each with one small terracotta basis note.
+- Baseline→target transition figures: "value → value + unit" set in one line, with a faint source line below.
+- Horizontal step-flow axis: pink numbered chips + hairline connectors + step titles + 2–3 lines of explanation.
+- Photography: cover-type pages only — portrait-format photo with an offset blush-pink backing (shifted ~20 pt up-left); body pages use no photos.
+Absent: lines, pies/donuts, areas, scatters, radars, dual axes, and any 3D, gradient, or dense-grid chart.
+
+【Signature Components】
+- Corner-ornament circle groups: solid circles overlapped by thin outlined rings, hugging the bleed corners, in terracotta orange or blush pink (occasionally clay camel, approx. #DEC7B5); 1–2 groups per page, all four corners on the cover — the style's most instantly recognizable mark.
+- Blush-pink numbered chips: 01–04 pink squares for numbered lists, numerals in terracotta orange.
+- Kicker section label: "NN | section name" in small wide-tracked orange-brown type, on every page.
+- Short thick terracotta cover rule: ~40×3 pt beneath the title, cover and closing pages only.
+- Bottom hairline verdict row: full-width hairline + one-line summary with key phrases in terracotta — closes every body page.
+- Quote bar block: terracotta vertical bar + quotation + em-dash attribution, side columns only.
+- Offset pink photo-backing frame: blush-pink rectangle shifted behind the photo, cover-type pages only.
+- Text status chips: on-target / off-target / shortfall — unified wording deck-wide, two colors only (terracotta negative, ink brown positive).
+
+【Prohibited】
+- No cool hues or AI default colors: blues, greens, purples, blue-purple gradients, cyan-purple neon, glass textures — zero color outside the warm-clay family.
+- No red/green/amber traffic lights, no decorative status colors; status uses text chips + the terracotta/ink-brown pair only.
+- No pies, donuts, lines, radars, 3D, shadows, gradient fills, dense gridlines, or dual-axis charts.
+- No rounded-rectangle card walls, evenly split matrix piles, or "icon + title + paragraph" three-part AI modules.
+- No dark full-page reversal or large dark blocks; the deck is off-white throughout.
+- No decorative icons, illustrations, pictographs, or sticker-style embellishment.
+- No centered display titles on body pages (the closing page excepted); no photos on body pages.
+- No white chart frames or separate chart fills; the chart area is the page background.
+
+【Slide Types and Layouts】
+Cover | text left, image right: label + serif display title + short terracotta rule + one-line quotation + one-line description, 3 big numbers in a row; portrait photo at right with pink backing; ornaments at all four corners; two-line basis footnote at bottom | no charts.
+Overview verdict page | left 30% three stacked big numbers + vertical rule + right 65% pink-chip numbered list of 4 items (title + two lines each) + bottom verdict row | a one-page completion judgment.
+Chart attribution page | left 55% single-series bar chart + caption + vertical rule + right 40% attribution column (terracotta subhead + paragraph + hairline + big-number conclusion) | one chart tells one cause.
+Comparison table + evidence rail page | left 55% comparison table (key column lit) + table notes + vertical rule + right 35% two or three stat rows + quote bar block | suited to generational/option comparisons.
+Process page | left 25% two big numbers + vertical rule + right 70% horizontal 4-step flow axis + bottom summary | suited to handling chains / procedures.
+KPI full-width strip page | 5 columns of big numbers with vertical dividers, a single terracotta-lit column + bottom summary | suited to resource/capacity inventories; the lower half may hold a broad breathing field.
+Status table page | full-width 5-column status table (metric / evidence / target / status chip / next step) + bottom note | shortfalls unvarnished, negatives in terracotta.
+Commitment closing page | centered label + title, 4 columns of "baseline → target" transition figures + faint source notes, one centered mechanism line at bottom | the deck's only centered type, corner ornaments echoing the cover.
+
+【Density Baseline】
+Low density with generous whitespace is this style's signature, not a defect: 1 theme + 3–5 evidence modules per page; 2–5 big numbers per page, each with a small basis note; body blocks run 2–4 lines, roughly 30–70 words/characters equivalent; titles are one-line assertions, subtitles one line of basis. Tables 4–6 rows × 3–5 columns; bar charts 3–4 bars, each labeled; numbered lists of 4 items, flows of 4 steps, KPIs in 4–5 columns. Exactly one terracotta-lit point per page; at most 2 corner-ornament groups per page. The mid-lower body may hold broad whitespace (the samples' norm), but the top sequence and bottom verdict row must be complete; whitespace between columns and between title and body is a grouping device — never fill it with walls of text.

skills/open-kimi-ppt/reference/design_system/work/warm-jade-annual-report/design.md

@@ -0,0 +1,77 @@
+# Warm Jade Annual Report · Work Report STYLE DESIGN SYSTEM
+
+## PART A — Category Baseline (Universal Minimum)
+
+Lead with the conclusion in an operational performance report benchmarked against top-tier business reviews and project progress briefings. Every page in this deck must be scannable within 30 seconds, and every number must withstand drill-down scrutiny: status must be evidenced, variances attributed, and requests stated clearly.
+
+Content and layout:
+1. Executive structure: conclusion overview (a one-page verdict on overall attainment) → core metrics vs targets → revenue/mix analysis → variance attribution → project status (red/amber/green) → cost and efficiency → next-period actions → decisions and support required.
+2. Status visualization is the signature: red/amber/green status indicators, target vs actual tables, progress bars with numeric labels, variance waterfalls, and milestone timelines.
+3. Medium-high density with strict grid discipline: pages are built from aligned status modules and tables; zero decoration; every module answers “So what?” in place.
+
+Visual style:
+1. Aesthetic: crisp, corporate, and utilitarian; readers should be able to audit the quarter from the pages alone.
+2. Typography: use one sans-serif family throughout; establish hierarchy through weight and size, not decorative type; always align numbers in columns, and never use serif display type for numerals.
+3. Color: a neutral structural palette (deep slate/graphite + gray), with status colors reserved strictly for meaning—green/amber/red indicate status only, while one accent color (defined by the style) marks priorities and the current period; never use status colors decoratively.
+4. Graphics: simple chart types (comparative bars, trend lines, variance waterfalls); fine table rules and right-aligned numbers; no 3D, no pictograms as data, and no gradient fills.
+
+Structure and discipline (distilled from benchmark-quality deliverables):
+1. The first page is always the verdict: one sentence on overall attainment + target vs actual values for 3–5 headline metrics; never pad it with generic cover-page language.
+2. Every metric must show target, actual, and attainment rate together; a metric with an actual but no target is defective.
+3. Variance pages must quantify attribution: break the gap into named causes whose values sum to the total gap; unexplained residuals are not allowed.
+4. The three-part project status unit: status indicator + evidence (progress %, milestone) + corrective action (with owner and date); a red item without a recovery plan is defective.
+5. Next-period actions are commitments, not aspirations: every item includes an owner, timing, and expected quantified impact.
+6. Trend pages must mark the reporting-period boundary and annotate the reasons for inflection points within the chart; use dashed lines for forecast segments and label them as planned/estimated.
+7. Align parallel modules rigorously to the grid: modules in the same row share height and baseline; group mixed content by meaning rather than scattering it.
+8. Every number must include unit, period, and definition (GMV or revenue, order volume or sales value); label estimated values as internally defined examples.
+9. End with decisions and support required from management—list each item separately with the consequence of delay; never close with a thank-you page.
+
+Default baseline (distilled from the layout skill; PART B may override): use one consistent lightweight component language for progress, attainment, and red/amber/green status throughout the deck; each page carries 1 topic + 2–4 supporting points, with the conclusion clear within 5 seconds; every metric must be accompanied by a “So what?”—the reason, impact, or next action—rather than left as a bare number.
+
+**Sequential-title test**: Read only the slide titles from beginning to end; they should tell the complete story. If they do not flow, the structure has not been established.
+
+Density anchor: the specific minimum for each style (evidence modules per page, chart count, annotation conventions) follows the 【Density Baseline】 reverse-engineered from that style’s source deck—this baseline imposes no universal number.
+
+### Global Prohibitions (Default AI Patterns · Mandatory)
+
+1. **Do not default to cards**: Unless explicitly requested by the user, rounded-rectangle or rectangular cards must not be used to create hierarchy or alignment—functional containers such as status indicators, assumption boxes, and quotation frames do not count as cards. Rules, whitespace, type size, and weight differences are the preferred tools.
+2. **Do not default to equal-split compositions**: Unless no other layout is viable, do not default to three equal columns, four equal columns, or a two-by-two matrix—equal division must be justified by the content structure (three scenarios naturally warrant three columns; frameworks named explicitly in the brief are exempt).
+3. **Do not use unmotivated AI color palettes**: Institution-specific palettes defined in the brief are exempt; prohibited choices are bland, common, and unjustified defaults—blue-purple gradients, cyan-purple neon, rainbow flares, glassmorphism cards, and glowing borders.
+4. **Do not use any element that conflicts with the overall style**: Out-of-style treatments are forbidden, such as rounded icons or rounded rectangles in a sharp-edged visual system.
+5. **Keep chart backgrounds transparent**: Use transparency or the page background, except for reversed charts on dark backgrounds.
+6. **Do not leave planned regions empty**: The main content area must not contain large blank regions; every planned zone must be filled with real content. Failure to fill it is the most serious form of roughness.
+
+## PART B — Signature System (Template-Specific Signature; Overrides PART A in Case of Conflict)
+
+One-sentence style signature: a warm ivory ground, charcoal-black type with serif body copy, and honey-amber accents, shaped into an auditable editorial annual report through fine column rules and high-density tables; photography occupies large areas only on section openers and at key narrative moments.
+
+【Color Palette】Use warm ivory close to `#FBF9EE` across most content pages; ESG/data-table sections use a continuous white ground of `#FFFFFF`, confined to those sections. Primary text is `#181716`; titles use the same color and reverse to `#FBF9EE` on photography or dark backgrounds. Body and table text never use fully saturated colors. The primary accent is `#FDC356`, reserved for the latest period, core figures, conclusion bars, or a small metric background; any single block should occupy no more than approximately 15% of the content area. Supporting colors are `#A09B93` (light-gray bars and current/total column fills) and `#6B625D` (dark-gray series and secondary text); separator rules may use a tone close to `#CCC5BE`. Chart series are fixed to amber + black `#181716` + dark gray `#6B625D` + light gray `#A09B93`, assigned by meaning within each chart rather than varied as a rainbow. Do not introduce separate red/green colors for positive and negative values: express them with signs, arrows, and black/gray scales, using only `#FDC356` when emphasis is necessary. A page typically uses no more than 3–4 hues; amber never floods an ordinary content page.
+
+【Layout Skeleton】Source-deck fact: the canvas is 13.333×7.5 inches, 16:9. Content pages use a fixed micro-navigation strip at the top: three fine horizontal lines at top left, a section label beginning around 0.5 inches from the edge, and the report name centered; a small page number sits at bottom left, with small organization/report text at bottom right. Main titles are left-aligned by default, placed in a title band approximately 0.5 inches from the left edge and 0.7–1.1 inches from the top; overview pages such as “At a glance” instead use a large centered title. The content area generally uses 3–4 columns divided by approximately 1 px vertical rules; tables are grouped with horizontal rules, not enclosed in containers. The reading path is title conclusion → left-side metric/chart → right-side explanation → bottom footnote. Section openers use a dedicated structure: the left 40–45% contains a warm off-white large title and an underlined table of contents, while the right 55–60% is full-height photography; another section-page type uses a full-bleed photograph with a white-text table of contents overlaid. The cover uses only full-page photography and a centered white title, without the content-page grid.
+
+【Typography】Source-deck fact: titles, navigation, numeric labels, and table headers primarily use the sans-serif Tahoma; long-form body copy explicitly uses the serif Cambria, creating a “sans-serif heading + serif body” pairing that overrides PART A’s single-sans-serif default. Render with {latin: QuattrocentoSans, ea: MiSans} (sans titles/labels) and {latin: Unna, ea: 思源宋体} (serif body). Cambria body text at 8 pt is defined as 1x; module headings use Tahoma at 8–12 pt; standard page titles use Tahoma at 36–40 pt, approximately 4.5–5x; large figures/percentages are 24–28 pt, approximately 3–3.5x; footnotes are 6 pt, approximately 0.75x; cover titles are approximately 75 pt and reserved for special pages. Use sentence case for titles, with all caps permitted for short labels; keep years, percentages, and units adjacent to their values, and right-align table numbers by column. When adapting to other languages, preserve these weight and scale relationships, prioritizing the readability of 8 pt body copy in a 960×540 preview.
+
+【Chart Language】Chart types actually used include donut-share charts, multi-year trends combining gray bars with a black line, horizontal or vertical stacked bars, multi-year financial tables with grouping rules, two-column side-by-side data tables, and a small number of ESG charts with broken axes/hatched target bars.
+⭐ Donut chart (recurring): place two donuts side by side, use amber to highlight one primary share, and assign black/dark gray/light gray to the remaining shares; place labels outside the rings and connect them with fine leader lines. Use only for conclusions about composition/breakdown.
+⭐ Composite bars (recurring): show one stacked bar for each of two periods or years, write values directly within each segment, and place a compact color legend below; use for comparing regional, category, or channel mix.
+⭐ Financial tables (high frequency): fill the entire current-period or total column with `#A09B93`, using white text or bold type; distinguish group headings and subtotals with horizontal rules and bold weight, not zebra striping. Use for statements and notes.
+⭐ Target comparison chart (occasional): place an axis break between the actual bar and the long-range target bar, with the target bar rendered in a light hatched fill; use only when the scale difference is excessive, and do not extend it into a deck-wide chart convention.
+
+【Signature Components】The three-fine-line menu mark is fixed at the top left, appears no more than once per page, and serves only as a navigation anchor. The top section label, centered report name, bottom-left page number, and bottom-right small organization text form a micro header/footer system whose reserved positions must not be occupied by content. Multi-column body layouts repeatedly use approximately 1 px vertical separators, while tables use fine horizontal rules in the same color to establish rhythm between groups. An amber conclusion bar/large-number block carries only one decisive metric and is limited to 1 block per page; it must never become a wall of cards. Photography is a hard constraint: retain full-frame or right-half lifestyle/product photography on covers and section openers, and commonly place one image at the bottom of a column on event pages; never replace these image zones with gradients, abstract color blocks, or icons. Thin-line circular icons may appear sparingly before risk/ESG metrics, with each icon explaining only one metric.
+
+【Prohibited】
+1. Do not use only sans-serif type throughout the deck; body paragraphs must retain a Cambria-style serif reading layer, with Tahoma reserved for titles, labels, and numbers.
+2. Do not expand amber into a full-page background or the primary background across consecutive pages; ordinary pages permit it only in a small metric band, the latest-period bar, or one conclusion block.
+3. Do not introduce red/green warning colors or neon hues into body charts; communicate positive and negative values using signs + grayscale/amber semantics.
+4. Do not replace column separators and table rules with rounded cards or shadowed containers; hierarchy in this deck comes from type weight, rules, and whitespace.
+5. Do not crop section-opener photography into small pasted-on images or shrink it into a decorative corner mark; retain at least one full-height photographic zone on every section page.
+6. Use large three-color conceptual panels cautiously and only on section concept pages; do not carry them over as a standard content-page template.
+
+【Slide Types and Layouts】
+Conclusion/metric overview｜Best for a one-page verdict and operating highlights｜Large centered title with 3 columns below: small chart/trend on the left, primary donut or headline figure in the center, metric column on the right｜4–7 independent blocks｜Donut chart, large amber figure｜Not suitable for long-form explanation.
+Multi-column narrative｜Best for strategy, retrospectives, and ESG explanation｜Title and introduction on the left; 3–4 body columns on the right with vertical rules between them; the final column may carry a conclusion bar｜6–12 text blocks｜Vertical separators, one metric block｜Not suitable for wide tables.
+Event/milestone page｜Best for describing events by quarter or phase｜4–5 equal-width vertical columns, each containing “period + large title + 1–2 explanatory paragraphs + bottom photograph”｜4–5 independent stories｜Amber period labels, bottom photography, vertical rules｜Not suitable for detailed financial data.
+Regional/segment performance｜Best for comparing geographies or business units｜KPIs and stacked bars on the left, 1–2 explanatory columns in the center, supplementary metrics/small table on the right｜5–9 independent blocks｜Stacked bars, top-right product/subject photograph｜Not suitable for a pure opinion essay.
+Financial statement/notes｜Best for multi-year data and accounting explanation｜Title at top left, wide table spanning the main body, with 1–3 explanatory or footnote blocks below; gray fill for the current/total column｜1 primary table or 2 side-by-side tables + 1–3 text blocks｜Gray current column, horizontal rules between groups｜Not suitable for photography-led pages.
+
+【Density Baseline】Narrative content pages typically use 3–4 columns with 2–4 paragraphs per column; when adapting across languages, each paragraph should contain approximately 80–180 words/characters equivalent, with a blank line between paragraphs instead of splitting them into cards. Metric pages typically contain 4–7 evidence modules and 1–3 charts per page, with values labeled directly on bar segments, donut segments, or table columns; chart notes remain 1–2 lines. Event pages use a fixed 4–5 independent story blocks, each with 1 title, 1–2 short paragraphs, and 1 image; imagery commonly occupies the lower 30–45% of each column. Financial pages center on 1 wide table, split into upper/lower sections or two side-by-side tables when necessary, with 1–3 footnote/definition blocks below; gray fills on the current-period and total columns create vertical anchors. Whitespace belongs mainly in the top title band, on either side of fine column rules, around charts, and in the bottom footnote zone; do not leave large content-free areas in the body.