chore: 1.1.0 release

skills/open-kimi-ppt/reference/design_system/01_strategy/04/en/red-black-business.md

@@ -0,0 +1,184 @@
+# F030 · Top-Tier Management Consulting and Strategy Full-Package PPT Template STYLE DESIGN SYSTEM
+
+## 1. Style Positioning
+
+For management reporting on strategic consulting, cost optimization, operational diagnosis, efficiency improvement, roadmap planning, opportunity assessment, and results review — aimed at management, project owners, or decision committees. It uses a "white consulting-report skeleton + high-saturation red focal point + grayscale data components": the cover is near-black/deep red with an oversized title; content pages use a white or extremely-light-gray base, titles at upper left or upper-left-of-center, chart-based proof, card-based summaries, and roadmap progression. Photos, illustrations, and decorative icons do not form the main visual.
+
+Underlying principles:
+- **One red focal point per page**: it may apply to a main card, a key bar, a keyword, the highest-intensity heatmap cell, or a CTA — do not spread it evenly across multiple areas of the same page.
+- **Structure before decoration**: organize pages with left-right column splits, card matrices, chart combinations, timelines, and heat maps; do not rely on textures, shadows, complex graphics, or large images.
+- **Data clarity over chart showmanship**: bar charts, donut charts, heat matrices, simple tables, and number cards serve the conclusion directly; weaken axes, legends, and gridlines to highlight comparison relationships and key values.
+
+## 2. Page Skeleton
+
+The canvas is horizontal 16:9 business presentation ratio. Content pages default to a white or #F6F6F6-level extremely-light-gray background with relatively wide safe margins. The basic structure is "upper-left title area + central body area + small caption/footnote area", with the reading path running title, red focal point, chart/card/table details.
+
+Title area: usually at upper left, on a few chart pages at upper right or upper-center-left, carrying the topic, question, or conclusion — no decorative title bars. Below the title, 1–2 lines may state the analysis purpose, scope, or action implications; the body unfolds below or to its right.
+
+Body area: column-split and modular; common content includes large-type definitions, pie/donut charts, bar charts, heat matrices, roadmap cards, capsule-label flows, number metric cards, and table-style comparisons. Cards stay uniformly aligned and spaced; light gray blocks zone the page; red blocks mark priority.
+
+Header: not mandatory. A small brand wordmark or tiny mark may sit at upper left; a date, short note, or small caption may sit at upper right; it must keep a low presence and never form a heavy horizontal bar.
+
+Footer: carries no strong navigation; may hold footnotes, sources, contact information, or a small CTA. If a page number is added, use extremely small black-gray text tucked in a corner — it must not steal from the body.
+
+Dividers: use thin light gray lines, card boundaries, or background blocks. Avoid thick black lines and complex borders. Axes and reference lines also use pale gray low contrast.
+
+Cover: near-black/deep-red background, an oversized white bold title, red button-style labels, a dark-red large-character watermark, and a small amount of explanatory text on the right; this treatment must not migrate to ordinary content pages.
+
+Closing page: a large title with a few contact details/CTA, on a white or light gray base; red may emphasize key action words, but no photo walls or complex decoration should be added.
+
+## 3. Content Organization
+
+Titles use question-type, topic-type, or action-type short phrases, such as "Why…Matters", "Objectives…", "Roadmap Overview", "Identifying…Opportunities". Prefer noun phrases or verb-object structures; avoid long full sentences.
+
+Place 1–2 lines of key message near the title, stating the conclusion, the analysis basis, or the next action — they cannot replace the body charts. Explanatory content is broken into short captions, bullet cards, or footnotes.
+
+Body content follows "one main point + three to five supporting points". Supporting points may be cards, process stages, metric columns, chart labels, or table rows; each card usually holds one small title and one compressed caption, distinguished by whitespace, a light gray base, and numbering.
+
+Keywords may use red text, white text on red, black capsule labels, bold subheadings, enlarged numbers, or local red chart elements. Red only corresponds to "key point, current, recommended, high value, risk, or action" — never to ordinary decoration.
+
+Numbers such as percentages, amounts, improvement magnitudes, savings, and stage numbers stand as independent blocks, with units and explanations immediately adjacent. Keep time, stages, and serial numbers consistent; roadmaps use clear numbering like 01/02/03/04 and do not mix in complex hierarchies.
+
+Sources and notes use extremely-small-level light gray or dark gray text, placed at the bottom, beside charts, or to the right of the title; they only state data sources, assumptions, or measurement bases — they do not carry key conclusions.
+
+## 4. Content Page Layout System
+
+### A. Large-type definition/opinion page
+For introducing concepts, defining problems, or stating strategic positions. A small lead-in sits at the top or upper left; the body states the viewpoint in oversized text with keywords marked red; below it may follow a row of metrics, categories, or keyword modules. Information density low to medium. If the text runs beyond a few lines or multiple data groups are needed, do not use this layout.
+
+### B. Left title + right/center chart analysis page
+For current-state, distribution, trend, comparison, and cause analysis. The title and caption sit on the left or upper right; the body holds a donut chart, bar chart, combination bar-line chart, or small metric cards; key sectors, key bars, or current values use red, everything else gray. Suited for 1 main chart + 2–4 annotation points; not suited for cramming in multiple large charts of equal weight.
+
+### C. Roadmap/stage card page
+For showing 3–5 stages, goals, tasks, or execution paths. One large red card marks stage 1, the current stage, or the core initiative; the rest are light gray cards; enlarged numbering sits at the top or on the left. Emphasize stage names, actions, and expected results. Beyond five stages, split across pages or convert to a timeline; not suited for unordered miscellaneous lists.
+
+### D. Heat matrix / opportunity identification page
+For two-dimensional assessments of impact, complexity, priority, or savings headroom. The body is a red–pink–light-pink grid, deep red marking high intensity or priority, with a small legend, axis notes, and a red conclusion card beside it. The matrix serves relative positioning and clustering, not precise value reading; when precise values are needed, switch to a table or bar chart.
+
+### E. Capsule-label flow + recommendation card page
+For process nodes, operational steps, category groupings, or optimization-opportunity lists. Black capsules mark first-level categories or path nodes, red capsules mark key nodes, light gray capsules mark ordinary items; 2–3 recommendation cards may sit at the bottom or on the right. Labels must be short and avoid wrapping; when there are too many labels, group them — no complex connecting lines.
+
+### F. Multi-metric dashboard / case results page
+For results, cases, forecasts, savings, or performance changes. Composed of large number cards, bar charts, mini donut charts, and caption lists; a red number card or red chart element is the results focal point, gray cards provide the comparison. Every large number must come with an explanation — do not stack isolated metrics.
+
+### G. Simple table / comparison matrix page
+For comparing initiatives, departments, cost items, time periods, or opportunity categories. The table occupies the lower-middle part of the body, with a simple header and key columns/rows in red or on a light red base. A title and a conclusion sentence are mandatory — the table must not become an unexplained data pile.
+
+## 5. Color System
+
+Background colors:
+- **#FFFFFF**: the main content base, card interiors, and large whitespace areas — the largest area. Cannot be replaced by high-saturation colors.
+- **#F6F6F6 / #F7F7F7 / #F8F8F8**: full page background, light zoning, table bases, or chart container bases; must keep white cards clearly visible.
+
+Primary text colors:
+- **#070302 / #0F0605 / #1C0B0B**: titles, important body text, cover main title, and key chart text.
+- **#2F2929 / #454545 / #484545**: body captions, subheadings, legend text, and table text.
+
+Primary accent red:
+- **#FF4D4D / #FF5454 / #FF5C5B / #FE6464**: for red cards, key numbers, key chart bars, the current stage, important labels, and CTAs. At most one large-area red block per page; other red appears only as point-like echoes.
+- May be replaced by the brand primary color, but the "single high-saturation accent + grayscale system" must be kept, and white-text/black-text contrast must hold.
+
+Auxiliary pink-red:
+- **#FED8D8 / #FFC5C4 / #FFDFE0 / #FFF1F1 / #F1CCCC**: heat-map gradients, weak emphasis backgrounds, area-chart fills, and the light level of red cards. Must not be used for small-size primary body text — avoid low contrast.
+
+Auxiliary gray and separation:
+- **#BDBDBD / #C1C1C1 / #D9D6D6 / #DDDBDB / #E7E6E6**: axes, gridlines, card boundaries, ordinary bars, table lines, disabled or secondary states; must not compete with body text.
+
+Cover dark colors:
+- **#070302 / #120706 / #210E0D / #2F0505**: only for the cover or a very few dark-atmosphere section pages' backgrounds and dark-red watermarks. Content pages do not use large dark bases.
+
+A single page uses only one hue of red + grayscale. Chart series stay mainly red, pink, and gray; avoid introducing multi-color business charts in blue/green/purple, unless source-data states must be distinguished and stay low-saturation.
+
+## 6. Fonts and Text Hierarchy
+
+A modern sans-serif business font. Body text mainly uses Liter (Chinese: MiSans); the cover's oversized title uses Archivo Black (an Arial Black-class ultra-heavy sans, brought in via customFonts). Overall clean, compact, rational — no handwriting fonts, decorative serif fonts, or cartoon fonts.
+
+Relative hierarchy:
+- Cover main title: about 5–6x body size, ultra-bold, white, tight line spacing.
+- Content-page main title: about 2.5–3x body size, regular or medium-weight, black, at upper left or top.
+- Large-type opinion/definition: about 3–4x body size, may span multiple lines, keywords in red.
+- Subheading/card title: about 1–1.2x body size, often bold or a deeper black.
+- Body captions: body=1x, short lines, low decoration.
+- Table text/chart labels: about 0.75–0.9x body size.
+- Footnotes, sources, header small text, page numbers: about 0.55–0.7x body size, gray or black-gray.
+- Number metrics: about 2–4x body size; units and explanations drop to body or note level.
+
+Text is mainly left-aligned; large centered passages are not part of the system; the cover may locally use a left-aligned oversized title. Avoid overlong paragraphs and avoid multi-level bullets inside cards. Use one consistent capitalization style within the same page.
+
+## 7. Chart Language
+
+The charts actually appearing are mainly donut/pie charts, bar charts, combination bar-line charts, area/trend charts, heat matrices, small gauges, and metric cards — serving consulting analysis, not chasing complex visualization.
+
+Donut/pie charts: use red, deep red, gray, and black-gray sectors, with a short label or core value in the center; short outer annotations, low-presence legend. The red sector marks the key cost item or key object.
+
+Bar charts: red bars mark key points, current values, targets, or high values; gray bars are comparisons. Axes are minimal, gridlines pale gray, bar spacing clear; a short value or label may sit atop bars — avoid dense annotation. Lines in combination charts use thin strokes and small nodes as trend or target references.
+
+Heat matrices: light pink to red expresses intensity; axis text stays simple; grid boundaries are softened. Too many dark blocks defeat priority judgment. A legend or note explaining color intensity is required.
+
+Metric cards/mini charts: embedded in red cards, gray cards, or white containers. Large numbers stand out, with a short caption explaining why they changed. Mini bar and donut charts are only supplements — they must not become the page's second main focal point.
+
+Legends and annotations: legends stay small and close to the chart, colors matching the series. Key points may use red capsules, small dots, arrows, or short labels, but no complex callouts. Forecast, target, or baseline lines use pale gray lines or thin red lines with a short note.
+
+## 8. Tables and High-Density Information
+
+Tables are used to "prove, compare, break down, and prioritize"; they usually sit in the lower-middle of the body or on the right, paired with a title and a conclusion sentence.
+
+Headers: light gray base, or white base with thin rules; text bolded or darkened. Key columns may use a red header or a red top bar, but the whole table must not go high-saturation.
+
+Rows and columns: even row heights, phrased as short sentences. Keep column counts low — prioritize name, metric, impact, action, and status fields. Long explanations should be broken out into cards or footnotes; avoid multi-line crowding inside cells.
+
+Separators and base colors: use thin light gray lines such as #E7E6E6, #DDDBDB; light gray blocks may group content; zebra striping is not a strong system — if used, keep it very subtle. Key rows/columns may use a light red base or a red bar mark.
+
+Alignment: text left-aligned, numbers right-aligned or visually aligned on decimals/units. Percentages, amounts, and change values keep consistent units. Status uses red dots, black dots, light gray labels, or short badges — no complex icon sets.
+
+Summary and key points: summary rows use darker text, a light gray base, or a thin red line. Do not mark levels with multiple colors at once; prefer the red/pink/gray three levels to express high/medium/low or key/ordinary/weak.
+
+## 9. Components and Graphic Elements
+
+Title component: a large black title at upper left + a caption below or beside it — no heavy title bars. The cover title is a special oversized white-text exception.
+
+Red key card: for the current stage, key conclusions, core metrics, recommended actions, or CTAs; may be white text on red or black text on a red-to-lighter base. Keep only one main red card per page; other red elements downgrade to labels or chart points.
+
+Light gray/white cards: for parallel information, stage explanations, metric notes, and comparison content. Light boundaries, restrained rounding, no shadow dependence; uniform spacing and alignment form the grid.
+
+Capsule labels: three kinds — black, red, light gray. Black marks categories or main path nodes, red marks key nodes, light gray marks ordinary nodes. Label text is short, holds no long sentences, and does not wrap into multi-line capsules.
+
+Numbering component: use 01/02/03/04 or large numerals. White-on-red marks the current or primary stage; black-on-gray marks the rest. Numbers must be bound to card titles — never isolated decoration.
+
+Separators and axis lines: thin light gray lines organize charts, tables, and modules; they must not thicken or turn into decorative borders.
+
+Badges/buttons: the cover and CTAs may use red button-style labels; content pages may use small red/black labels. Buttons carry no real interactivity — no heavy shadows or highlights.
+
+Icons: colorful icons are not core to the system. If used, they can only be extremely small single-color functional marks — dots, arrows, plus signs, location points — for guidance or annotation; sets of colorful illustrated icons are forbidden.
+
+## 10. Texture and Prohibited Items
+
+Overall flat, restrained, and consulting-report-like, building visual appeal through strong alignment, whitespace, a red focal point, and data structure.
+
+Prohibited:
+- Large-area photo backgrounds, large people images, or scene photography as the main visual of content pages.
+- emoji, cartoon illustrations, 3D graphics, glow, glossy glass textures, complex textures.
+- Colorful icon sets, mixing multiple brand colors like blue/green/purple, rainbow-style charts.
+- Heavy drop shadows, strong gradient backgrounds, complex borders, decorative curves and flourishes.
+- Large centered copy, hierarchy-free long paragraphs, full-page bullet lists.
+
+Use with caution:
+- Gradients: only for red-to-light-red card bases, heat maps, or area charts — not for full-page flare backgrounds.
+- Shadows: if cards must be distinguished, use an extremely subtle shadow or simply a light gray base instead; do not form a floating-card style.
+- Rounded corners: may be used on capsule labels and buttons; cards should have only slight corner rounding; must not turn into internet-UI style.
+- Icons/arrows: only for flow direction, key-point annotation, or status dots — few in number, single-color.
+
+Usable on special pages: the cover may use a dark background, dark-red watermark, oversized title, and button-style red labels; the closing page may use a larger CTA message with contact details. Section divider pages may sparingly adopt the cover's dark atmosphere or large-type-on-white, but cannot replace the content-page system.
+
+## 11. Generation Checklist
+
+- Skeleton: is it a 16:9 horizontal business page; are the title area, body area, and caption/footnote area clear; does content keep off the edges?
+- Copy: does each page have only one main point; is the title short and specific; are captions controlled to 1–2 lines; is card text phrased as short sentences?
+- Hierarchy: do title, key message, body, chart labels, and footnotes show a clear relative size difference; is hierarchy-free text stacking avoided?
+- Color: does it keep white/light-gray background + black-gray text + a single red accent; does red only correspond to key points; are multi-color charts avoided?
+- Layout: was a suitable scheme chosen among large-type opinion, chart analysis, roadmap, heat matrix, label flow, metric case, or simple table; is unrelated information kept from being forced onto the same page?
+- Charts: does red mark only key series; are axes and gridlines softened; are labels readable; is the legend simple and near the chart?
+- Tables: are headers, separators, key rows/columns, and number alignment consistent; are long cell paragraphs and overly dense line frames avoided?
+- Components: do red key cards, light gray cards, capsule labels, numbering, and separators have clear functions; are no components added merely for decoration?
+- Prohibited items: are photo backgrounds, emoji, 3D, glow, heavy shadows, complex textures, colorful icons, and rainbow palettes absent?
+- Quality: check for text overflow, truncation, garbled characters, overlap, low contrast, chart occlusion, empty cards, wrong proportions, excessive template sameness, or too many red focal points.