Files
2026-08-06 17:09:51 +08:00

13 KiB
Raw Blame History

Moss Green Transformation · Consulting STYLE DESIGN SYSTEM

PART A — Category Baseline (General Minimum Standard)

A professional, information-dense consulting presentation benchmarked against leading strategy firms (McKinsey/BCG), with a premium editorial aesthetic.

Content and layout:

  1. Rich data visualization: Fill pages with sophisticated, precise charts (stacked bars, waterfall charts, line charts) and detailed data tables with complete rows and columns.
  2. Structured frameworks: Include strategy maps or 2×2 matrices constructed with fine, crisp lines.
  3. High information density: Use complex, multi-column layouts that resemble real business-analysis presentations, rather than cover-style pages dominated by empty space.

Visual style:

  1. Aesthetic: Balance a technology-forward feel with information density. Keep it clean, clear, and authoritative.
  2. Typography: Use a bold sans serif for primary titles; chart labels and numerical data use the same sans family.
  3. Color palette: Pure white background and pure black text; use deep navy blue for charts and graphic elements, with a range of grays to distinguish hierarchy.
  4. Graphics: Use thin borders for tables and precise vector lines for charts.

Structure and discipline (distilled from work we consider best-in-class):

  1. Every content-page title must be a complete assertion (a conclusion sentence), followed by a one-line scope/methodology subtitle stating what the page covers and how to read it.
  2. Every content page must include a chapter breadcrumb/tab bar with the current chapter highlighted, so any page can be located within the overall storyline.
  3. Use one named analytical framework per page, never a loose collage: a convergence-pressure column, a phased timeline with a TODAY marker and stage gates, a three-scenario table (conservative/base/accelerated), a Five Forces diagram, a heat table, a difficulty × impact 2×2 (with a watch zone), a three-part upstream/midstream/downstream value chain, or a multidimensional profile matrix—choose the framework to fit the content.
  4. Present parallel evidence in 23 equal-width columns; number independent judgments (1/2/3), each with a bold assertion line and one concise explanatory sentence.
  5. Chart-annotation discipline: Put data labels directly on marks; include growth/level callouts (such as “+42% p.a.”), TODAY markers, dashed lines for forecasts, and named monitoring indicators for uncertain variables. Never rely on the legend alone.
  6. Close most pages with a synthesis strip at the bottom (“How to Read This Page” / “Profile Interpretation” / a one-sentence so-what) that converts the evidence above into a single takeaway.
  7. Fixed page triad: source/footnote line at bottom left and page number at bottom right; never omit or treat them as decoration. Generated decks must never include watermarks, confidentiality notices/stamps, copyright lines, or logo placeholders.
  8. Open with a one-page executive-summary overview followed by a numbered, paginated agenda; close with numbered conclusions (claims, not summaries) and an implications page divided by audience type (such as policymakers/operators/buyers), with each column ending in concrete actions.
  9. Every number must include its unit, time range, and measurement basis; express uncertainty through observable monitoring indicators, not hedging language.

Default baseline (distilled from the layout skill; PART B may override): Content pages use dense, multi-column layouts and contain at least one complex chart or one multi-row, multi-column data table. Never use “one oversized sentence + vast empty space” as a content page. Construct framework diagrams (strategy maps/2×2/driver trees) with fine, crisp vector lines rather than stacked color blocks. Tables use thin borders with no heavy fills. Limit each page to ≤2 primary hues.

Title Read-Through Test: Reading only the titles across the deck should communicate the complete story; if they do not flow coherently, the structure is not working.

Priority note: This section defines the minimum baseline for consulting use cases. Where the signature system below (PART B) conflicts with it, the signature system takes precedence—especially for background, color, and typography. The typography and color guidance above serves only as a default where the signature system is silent.

Global Prohibitions (AI Defaults · Mandatory)

  1. Do not default to cards: Unless the user explicitly requests them, do not use rounded rectangles or rectangular cards to create hierarchy or alignment—containers with a functional information role (status indicators, hypothesis boxes, quotation boxes) are not considered cards. Lines, whitespace, and differences in font size and weight are preferable.
  2. Do not default to evenly divided compositions: Unless no other layout is viable, do not default to thirds, quarters, or 2×2 matrices. Equal division must be justified by the content structure (three scenarios naturally require three columns; frameworks explicitly named in the body are exempt).
  3. Do not use arbitrary AI-default colors: A designated institutional palette specified in the content is exempt. The prohibition applies to generic, commonplace, unsupported defaults—blue-purple gradients, cyan-purple neon, rainbow flares, glass cards, and glowing borders.
  4. Do not introduce elements that conflict with the overall style: No out-of-style treatments—for example, rounded icons or rounded rectangles within a sharp-edged visual system.
  5. Keep chart backgrounds transparent: Use transparency or the page background, except when reversing content out on a dark background.
  6. Do not leave blank regions: Leave no large empty block in the content area. Every planned region must be filled with real content; an underfilled region is the most serious form of visual roughness.

PART B — Signature System (Distinctive Template Signature; Overrides PART A in Case of Conflict)

Based on a small source sample of 6 slides.

One-sentence style signature: A moss-green-to-mint data narrative on a dark charcoal background, compressing a high-density transformation roadmap through short labels, conclusion-led headlines, and deep-green evidence blocks.

【Color Palette】Use an approximate #2C2C2C background that fills the canvas and overrides the white background in PART A. Use approximate #F3F3F3 for titles/primary text, including titles, table headers, and key figures. Use approximate #B7B7B7 for secondary text such as subtitles, footnotes, and axis labels, limited to a small number of text layers. Use #125E42 for section labels/table headers, only as short bars or phase bands. Use #0A3021 for evidence cards and conclusion boxes, constrained by thin borders within the content area and typically occupying no more than one-third of it. Use #36AA7E as the primary accent, only to highlight selected bar segments, positive values, phases, and status indicators. Use #345A4D for baseline series, paired with bright green to show comparisons/unselected states. Use approximate #86C5AA only for a small number of highlighted figures. Use approximate #C05172 only for gaps or warning points. Retain only two primary hue families per page—charcoal and green—with burgundy reserved as a negative exception. Do not flood the page with the accent color, and do not let deep-green blocks replace the full-page background.

【Layout Skeleton】Source facts: 960×540, 16:9. Content pages follow a fixed sequence: “top-left all-caps English section label—12-line conclusion-led title—1-line scope/methodology subtitle—thin divider—evidence area,” with the title area occupying approximately the top quarter. Depending on the content, use a 60/40 two-column evidence area, a three-column group of equal-width cards, or a full-width table, with narrow gutters and square, thin borders. Chapter location is indicated by a single green kicker, not a multi-item horizontal tab bar; when overriding the navigation in PART A, retain only the current section label. The reading path is label → title → subtitle → evidence from left to right → bottom-line conclusion. Use a thin footer rule, source/methodology at left, and page number at right. Cover only: frame the title on the left with a thin green vertical line plus horizontal rules above and below; place dark-background rings, square dots, and a blurred green glow on the right. Do not reuse these elements on content pages.

【Typography】Only page images are available in the source, so the font families cannot be verified. Chinese titles, body text, and tables all have a sans-serif appearance (render with {latin: Liter, ea: MiSans}); titles are bold and body text is regular. English section labels are all caps with expanded letter spacing. Body text = 1x, title ≈2.63x, large figures ≈3.44x, subtitle ≈0.8x, and footnote ≈0.6x. Titles may span two lines but must preserve a complete assertion. Set P1/P2/P3, Q1Q4, and 01/02/03 in clean, regular Latin letters and numerals; keep percentages and units tight to the figure, and render key values in bold bright green or light green.

【Chart Language】Observed chart types: horizontal stacked bars, three-column information cards, a maturity table, a pilotvalue two-column layout, and a quarterly roadmap table. Signature treatments: Place percentages directly inside stacked-bar segments and pair them with 3 numbered interpretations on the right. Use dot-matrix levels in the maturity table, with burgundy limited to a few cells in the gap column. On the pilot page, stack P1P3 vertically on the left and enlarge 3 value figures on the right. In the roadmap, use segmented green bands for phases, then populate a Q1Q4 grid. Place labels directly within bars, phase bands, or cells; never rely on the legend alone. Tables use thin borders with charcoal/transparent backgrounds.

【Signature Components】1) Section kicker: one per content page at the top left—a short green bar, all-caps English, shown only once. 2) Thin divider below the subtitle: a hard boundary between the title area and the evidence area. 3) Deep-green evidence blocks: three-column cards, pilot strips, conclusion boxes, or bottom synthesis strips, with square corners and thin borders; use no more than 3 at the same hierarchy level on one page. 4) Conclusion strip/box: at most once per content page, positioned at the bottom or below the right column, and closed with a one-sentence so-what. 5) Source line and bottom-right page number: retain on every page at the smallest font size. Use the geometric glow on covers only occasionally, confined to the empty area on the right.

【Prohibited】1) Reverting content pages to a white background or full-page light color; 2) blue-purple treatments, neon gradients, or glowing borders; 3) turning deep-green evidence blocks into rounded/glass cards or using them as a full-page fill; 4) multi-item tab navigation or a large top navigation band; 5) providing only a legend without labels inside bars or cells; 6) copying the cover's geometric glow onto content pages; 7) using burgundy decoratively or as a large-area fill.

【Slide Types and Layouts】 Conclusion-led two-column chart page (occasional)Core quantitative finding + explanationApproximately 60% stacked bars on the left; approximately 40% numbered interpretation/conclusion box on the right1 chart + 3 explanationsIn-bar labels, so-whatNot suitable for multiple topics. Three-column deep-green information-card page (occasional)Three parallel scenarios/capabilitiesThree equal-width columns, each structured as title—current state—transformation—use case—benefit3 blocksDeep-green cards, bottom benefit figuresNot suitable for time series. Maturity-matrix table page (occasional)Capability gaps and actionsFull-width table of approximately 5 columns × 5 rows, with a bottom conclusion band1 table + 1 synthesisDot-matrix levelsNot suitable for long-form narrative. Pilotvalue two-column page (occasional)Initiatives and proof of valueApproximately 60% for three pilots on the left; approximately 40% for three metrics on the right3 cards + 3 metricsP1/P2/P3, bright-green figuresNot suitable for multi-series charts. Quarterly roadmap table (occasional)Phased implementationPhase bands + a Q1Q4 grid across three rows: tools/talent/governanceApproximately 12 action cellsPhase bands, quarterly gridNot suitable for single-metric comparison.

【Density Baseline】Content pages in the sample typically contain 36 independent blocks: a two-column page contains 1 chart + 3 interpretations; a three-column page contains 3 cards, each with 34 text levels; the maturity table is approximately 5×5; the pilot page contains 3 cards + 3 metrics; and the roadmap spans 4 quarters × 3 rows. Use only 1 complex chart per page, or replace it with 1 table/1 card group. Bar charts place percentages inside bars; tables use short terms with dot-matrix levels; each roadmap cell contains 13 short statements. Explanatory blocks should be approximately 2070 words/characters equivalent; titles should occupy 12 lines and subtitles 1 line. Reserve whitespace only for narrow bands between columns, between cards, and above the footer; do not leave large empty blocks in the content area.