Files
open-kimi-ppt-skill/skills/open-kimi-ppt/reference/design_system/promotion/cream-collage/design.md
T
2026-08-06 17:09:51 +08:00

13 KiB
Raw Blame History

Cream Collage · Promotion STYLE DESIGN SYSTEM

PART A — Category Baseline (Universal Minimum Standard)

A brand presentation that leads with emotion while keeping every piece of evidence auditable, benchmarked against top-tier agency annual reports, campaign retrospectives, and destination or product launch decks. Every slide must land one memorable creative idea while keeping every claim verifiable—bold in form, disciplined with numbers.

Content and layout:

  1. Creative-led structure: a single annual/campaign proposition → audience and market evidence → development of the big idea (waves/chapters) → channel and content system → results with full measurement context → direction for the following year.
  2. Make headline metrics the protagonists: give a small number of key figures full-slide or oversized-type emphasis; arrange supporting evidence around them in compact modules.
  3. Use medium density to create rhythm: alternate evidence-dense slides with spacious statement slides; the deck should rise and fall like a story, not fill every space like a report.

Visual style:

  1. Aesthetic: confident, contemporary, and brand-first; use photography or illustration only when the source style genuinely calls for it—never use stock assets merely to fill space.
  2. Typography: one expressive display typeface carries the major propositions, as defined by the style signature; one highly legible workhorse typeface handles body copy and data. Set large numbers in the display typeface. Apply capitalization and tracking rules consistently across the deck.
  3. Color: one brand color family per deck—one primary color plus lighter and darker tonal steps—with a single contrasting accent reserved for CTAs and highlighted data; the background follows the style signature. No rainbow charts.
  4. Graphics: reduce charts to the story essentials, using few series and direct labels. Timelines, funnels, and audience bars are signature chart forms. Icons must follow the established line or fill language of the style; no multicolor clip art.

Structure and discipline (derived from the work we recognize as benchmark quality):

  1. One big idea per slide: the slide title states the campaign proposition or chapter message, and every module on the slide serves that single idea.
  2. Campaign evidence must include complete measurement context: impressions, completion rate, engagement rate, and conversion must always specify platform, period, and sample scope. Vanity metrics without context are a defect.
  3. Timeline slides are first-class citizens: every wave, season, or phase has a named beat and phase-specific metric. A campaign deck without a pacing slide is incomplete.
  4. Audience slides use funnels, tiers, or audience bars—demographics must be tied to behavior and value; never show bare percentages alone.
  5. Results slides distinguish outputs, such as impressions and content volume, from outcomes, such as search lift, share of new customers, and sell-through rate. Outcomes take visual priority over outputs.
  6. Deep-dive case studies use fixed fields: context → action → numerical evidence → implication. Parallel cases must use consistent, comparable fields.
  7. Social/UGC evidence cites authentic scale and shows representative content structures. Always redraw screenshots from third-party platforms.
  8. The ending must provide direction: next year's theme, total budget and allocation, and measurement framework. A closing slide that only says thank you is a defect.
  9. Every number must include a unit, time reference, and source/methodology context; label estimates as internal illustrative assumptions.
  10. Imagery and shape language: when permitted by the style signature, proactively source authentic imagery and use expressive shapes—torn edges, collage, irregular crops, and signature forms—instead of generic rectangular blocks. Flat rectangles are the last resort, not the default.

Default baseline (derived from the layout skill; PART B may override): one screen, one proposition; each slide communicates only one core message; continuous body copy on a content slide must not exceed 3 lines. Visual tension must come from at least one clearly defined source—expansive negative space, strong contrast, a large field of the brand color, or full-bleed product/people imagery—and remain consistent throughout the deck. Do not stack tables; prioritize oversized figures, a single chart, or comparison bars for data. Use one decorative language across the deck; never mix two or more decorative systems.

Title read-through test: read only the slide titles from beginning to end; they should tell the complete story. If the sequence does not read coherently, the structure has failed.

Density anchor: the specific minimum for each style—the number of evidence modules and charts per slide, plus annotation conventions—must follow the 【Density Baseline】 reverse-engineered from that style's source deck. This baseline does not impose one universal numeric target.

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, such as status indicators, assumption boxes, and quotation frames, are not considered cards. Lines, negative space, type scale, and weight contrast are better tools.
  2. Do not use equal-split compositions: unless no viable alternative exists, do not default to three equal columns, four equal columns, or a 2×2 matrix. An equal split must be justified by the content structure—three scenarios naturally warrant three columns, and frameworks explicitly named in the brief are exempt.
  3. Do not use ungrounded AI color schemes: an institutional palette specified in the content is exempt. The prohibition applies to generic, overfamiliar, and unjustified 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: never use forms 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 when reversing to light graphics on a dark background.
  6. Do not leave planned regions empty: no content region may contain a large blank area. Every planned region must be filled with real content; failure to fill it is the most severe form of roughness.

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

Based on a small 6-slide source sample.

One-line style signature: a cream paper ground with hard-edged collage shapes in tomato red and cobalt blue; fluorescent yellow-green appears only on actions; titles and numbers are large and spacious.

【Color Palette】 Use an approximately #F3E8D4 background continuously across the full slide. Use approximately #171717 for primary text and titles, body copy, axes, and page numbers. Use approximately #F05A39 as the primary accent for diagonal anchors, key figures, and nodes, covering no more than about one-third of a standard slide. Use approximately #2657D7 as the secondary accent for second-priority content, pathway panels, and range figures. Reserve pink #E9A7B3 and fluorescent green #D9F04A for geometric cover accents or the closing CTA only; do not propagate either color elsewhere. Limit chart series to red #F05A39, blue #2657D7, and ink #171717 on transparent backgrounds. The source deck defines no positive/negative color semantics; when a distinction is required, red and blue may be used only with text labels. A slide should normally use only the cream background, ink, and one or two of red/blue; never flood the slide with accent colors.

【Layout Skeleton】 Source facts: 960×540, 16:9; approximately 80 px (8%) safe margins. Place the title from the upper left, with a light-gray descriptor on the following line and a fixed page number at the lower right. Separate sections with hard-edged color fields or a single horizontal rule; do not use navigation. The default reading path is upper-left title → central structure → concluding statement at the bottom. The cover uses a red diagonal panel on the left, a pink square at the upper right, and a green diamond at the lower right; reserve this composition for special slides. The closing slide uses an almost-black background, a two-column list, and a centered green button at the bottom; use it only for the final slide. Content slides commonly use four horizontal blocks, three parallel columns, or an asymmetric grid with figures on the left/center and a proportion bar on the right.

【Typography】 Source typography facts: the typeface family cannot be verified from the page images. Only the use of sans-serif Chinese type is confirmed, with heavy titles, regular/medium body copy, and prominent oversized figures in a matching sans-serif. Visual scale ratios are 1x for body copy, approximately 2.22.8x for titles, approximately 3.84.5x for large figures, and approximately 0.650.75x for footnotes/page numbers. Left-align text and Arabic numerals. Use hyphens for dates, en dashes for ranges, and commas as thousands separators. Do not mix in serif or handwritten typefaces. Render with MiSans (titles Bold); English titles may use Archivo Black (via customFonts).

【Chart Language】 Observed chart types: single-line timelines, two-series horizontal stacked bars, and card-free KPI number arrays; no tables or coordinate grids appear. Signature treatment: timelines use a black baseline with evenly spaced circular nodes, dates above, and labels below; red/blue identify only a few selected nodes. Proportion bars retain only one short bar, with the meaning written beside it. KPI slides use four large figures as evidence, plus a small proportion bar at the upper right. Place annotations as adjacent text rather than labeling every bar densely. All other rules inherit from PART A.

【Signature Components】 Diagonal red block: an upper-slide/cover anchor that bleeds to the edge; use no more than 1 on a standard slide. Hard-edged red/blue panels: hold parallel content with square corners and no outlines; use 34 per slide. Low-contrast oversized sequence numbers 01/02/03: use only for a three-column pathway, 1 per column. Small lower-right page number: 1 per slide. Solid fluorescent-green action bar: use only at the bottom center of the closing slide, no more than 1, with ink-colored text. Pink squares and green diamonds are occasional cover decorations only and must touch a slide edge.

【Prohibited】 Do not use gradients, glass effects, shadows, outlines, rounded cards, or pill labels; keep color fields solid and hard-edged. Do not expand red/blue into full-slide backgrounds for ordinary content slides. Reserve a complete set of three blue panels and the almost-black background for their dedicated slide types. Do not introduce a fourth highly saturated color on a content slide; pink and green remain accents only. Use photography, textures, and sticker illustrations sparingly; never use assets merely to fill space.

【Slide Types and Layouts】 Cover (special) | Introduce the proposition | Red diagonal panel covering approximately one-third on the left, two geometric shapes on the right | 45 blocks | Geometric accents | No evidence matrix. Overview matrix | Total + categories | Four square blocks in a row, black band at the bottom | 4+1 blocks | Large white figures | No long paragraphs. Three-path entry (occasional) | Parallel pathways | Three blue panels with narrow gaps | 3 blocks | Oversized sequence numbers | No more than three pathways. Single-line timeline (occasional) | Phase pacing | One horizontal line, 7 nodes, labels above and below | 7 nodes + concluding statement | Colored nodes | No complex Gantt chart. KPI array (occasional) | Target/scale/range | 2×2 large figures at left/center, short bar at upper right | 4+1 blocks | Red, blue, and ink figures | No long explanations. Action close (special) | Checklist + CTA | Almost-black background, two columns, button at bottom | 2 columns + 1 button | Reversed white title/green bar | No new background narrative.

【Density Baseline】 Content slides usually contain 35 independent modules, but follow the designated slide type: overview, 4 blocks + black band; pathway, 3 blocks, each with a title + two short descriptions; timeline, 7 nodes; KPI, 4 figures + 1 bar; action slide, 34 items in each of 2 columns + 1 button. Use 01 chart per slide and 02 explanatory blocks, each approximately 824 words/characters equivalent. Concentrate negative space below titles, between modules, and to the right of KPIs; preserve breathing room around figures.