@cyber-dash-tech/revela 0.19.8 → 0.20.0

package/designs/monet/DESIGN.md

@@ -2800,11 +2800,13 @@ Monet skins Revela built-in page templates with soft editorial rhythm, painterly
 - `cover`, `section-divider`, `closing`: use expressive title-led structural pages.
 - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use soft narrative regions with no heavy outer box.
 - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
+- `team`: use soft editorial portrait-led member cards with one photo, name, role, two concise highlights, and one education line. Prefer 3-4 members per page.
 - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use calm data surfaces and readable interpretation zones.
 - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
 - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
 - `timeline`: dots remain event anchors inside each vertical timeline item; do not position detached decorative markers.
 - `process-steps`, `recommendation-decision`, `risks-tradeoffs`: use quiet action and tradeoff panels.
+- `free`: use a plain title plus one semantic placeholder region; the agent may later replace that region with multiple images, charts, text blocks, tables, or mixed content.
 
 <!-- @design:page-templates:end -->
 

package/designs/monet/design.css

@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
     linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
 }
 
-.template-slide[data-design="monet"][data-template="cover"] .slide-canvas {
+.template-slide[data-template="cover"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="monet"][data-template="agenda"] .slide-canvas {
+.template-slide[data-template="agenda"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="monet"][data-template="section-divider"] .slide-canvas {
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
 .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
 
-.template-slide[data-design="monet"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -162,10 +162,13 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .text-panel-formula-fallback { display: block; white-space: normal; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.82em; line-height: 1.35; color: inherit; }
 .text-panel-formula-caption { margin: 0; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
 .template-chart-takeaway-list { display: grid; gap: 22px; width: 100%; }
-.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.24); }
+.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid var(--line); }
+.template-text-panel--color .template-chart-takeaway-item { border-top-color: rgba(255,255,255,0.24); }
 .template-chart-takeaway-item:first-child { padding-top: 0; border-top: 0; }
-.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: white; }
-.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: rgba(255,255,255,0.78); }
+.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: var(--text-primary); }
+.template-text-panel--color .template-chart-takeaway-item h3 { color: white; }
+.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: var(--text-secondary); }
+.template-text-panel--color .template-chart-takeaway-item p { color: rgba(255,255,255,0.78); }
 .template-bar { flex: 1; background: linear-gradient(180deg, var(--accent-primary), var(--accent-cyan)); min-height: 80px; }
 .template-table-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 34px; height: 100%; align-items: stretch; }
 .template-table-layout .template-side-panel { grid-column: 1; grid-row: 1; }
@@ -223,6 +226,25 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-timeline--vertical .template-timeline-item:nth-child(even) .template-timeline-copy { grid-column: 3; text-align: left; align-self: center; }
 .template-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
 .template-step-number { font-size: 48px; color: var(--accent-primary); font-weight: 800; margin-bottom: 30px; }
+.template-team-grid { height: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
+.template-team-card { min-width: 0; min-height: 0; display: grid; grid-template-rows: 330px minmax(0, 1fr); overflow: hidden; background: rgba(255,255,255,0.86); border: 1px solid var(--line); border-radius: var(--surface-radius); box-shadow: 0 18px 44px var(--shadow-soft); }
+.template-team-photo { margin: 0; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), rgba(24,168,216,0.16)); display: grid; place-items: center; }
+.template-team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.template-team-photo span { font-family: var(--font-display); font-size: 72px; line-height: 1; color: var(--accent-primary); font-weight: 800; }
+.template-team-copy { min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 26px; }
+.template-team-name { margin: 0; font-size: 30px; line-height: 1.18; color: var(--text-primary); padding-bottom: 3px; overflow: visible; }
+.template-team-role { margin: 0; font-size: 15px; line-height: 1.35; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-team-highlights { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
+.template-team-highlights li { position: relative; padding-left: 18px; font-size: 17px; line-height: 1.36; color: var(--text-secondary); }
+.template-team-highlights li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: var(--accent-primary); border-radius: 999px; }
+.template-team-education { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; }
+.template-free-stage { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
+.template-free-placeholder { min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 42px; border: 1px dashed var(--line-strong); border-radius: var(--surface-radius); background: linear-gradient(135deg, rgba(49,94,234,0.06), rgba(24,168,216,0.07)); overflow: hidden; }
+.template-free-placeholder-label { align-self: flex-start; font-size: 13px; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-free-placeholder h2 { margin: 0; font-size: 38px; line-height: 1.18; color: var(--text-primary); padding-bottom: 4px; overflow: visible; }
+.template-free-placeholder p { margin: 0; max-width: 980px; font-size: 23px; line-height: 1.42; color: var(--text-secondary); }
+.template-free-placeholder-hints { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
+.template-free-placeholder-hint { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; background: rgba(255,255,255,0.58); }
 .template-image-card { width: 100%; margin: 18px 0 0; display: grid; gap: 8px; }
 .template-image-frame { width: 100%; height: 128px; border-radius: var(--surface-radius); overflow: hidden; background: var(--surface-tint, #f1f6fc); border: 1px solid var(--line); }
 .template-image-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
@@ -302,6 +324,20 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-frame--catalog .template-timeline-copy p:last-child { font-size: 15px; line-height: 1.24; }
 .template-frame--catalog .template-steps { gap: 16px; }
 .template-frame--catalog .template-step-number { font-size: 40px; margin-bottom: 20px; }
+.template-frame--catalog .template-team-grid { gap: 16px; }
+.template-frame--catalog .template-team-card { grid-template-rows: 230px minmax(0, 1fr); }
+.template-frame--catalog .template-team-copy { padding: 18px; gap: 8px; }
+.template-frame--catalog .template-team-name { font-size: 22px; line-height: 1.14; }
+.template-frame--catalog .template-team-role { font-size: 11px; line-height: 1.25; }
+.template-frame--catalog .template-team-highlights { gap: 6px; }
+.template-frame--catalog .template-team-highlights li { font-size: 13px; line-height: 1.25; padding-left: 14px; }
+.template-frame--catalog .template-team-highlights li::before { top: 7px; width: 5px; height: 5px; }
+.template-frame--catalog .template-team-education { font-size: 10px; line-height: 1.25; padding-top: 9px; }
+.template-frame--catalog .template-free-placeholder { padding: 28px; gap: 10px; }
+.template-frame--catalog .template-free-placeholder-label { font-size: 10px; }
+.template-frame--catalog .template-free-placeholder h2 { font-size: 28px; line-height: 1.16; }
+.template-frame--catalog .template-free-placeholder p { font-size: 17px; line-height: 1.3; }
+.template-frame--catalog .template-free-placeholder-hint { min-height: 26px; padding: 6px 9px; font-size: 10px; }
 .template-frame--catalog .template-image-frame { height: 86px; }
 .template-frame--catalog .template-image-caption { font-size: 11px; }
 .template-frame--catalog .template-visual-placeholder-frame { height: 110px; }
@@ -337,28 +373,58 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-card,
 .template-table,
 .template-insight-panel,
-.template-catalog-panel {
+.template-catalog-panel,
+.template-team-card {
   background: rgba(255, 250, 243, 0.84);
   border-color: var(--line);
   box-shadow: 0 20px 50px rgba(69, 53, 38, 0.09);
 }
+.template-team-photo { background: linear-gradient(135deg, rgba(65,111,136,0.14), rgba(156,111,58,0.14)); }
+.template-team-photo img { filter: saturate(0.78) contrast(1.02); }
+.template-team-name { font-family: var(--font-display); font-size: 34px; font-weight: 700; }
+.template-team-highlights li { font-size: 18px; }
+.template-free-placeholder { background: linear-gradient(135deg, rgba(65,111,136,0.08), rgba(156,111,58,0.08)), rgba(255, 250, 243, 0.72); border-color: var(--line-strong); }
+.template-free-placeholder-hint { background: rgba(255, 250, 243, 0.9); }
 .template-title { font-size: 68px; line-height: 1.12; }
 .template-card p,
 .template-text-panel-body,
 .template-claim-text-body,
 .template-insight-body { font-size: 24px; }
+.template-agenda-item span {
+  color: #d8b36a;
+  text-shadow: 0 1px 0 rgba(21, 18, 15, 0.32), 0 0 18px rgba(216, 179, 106, 0.18);
+}
 .template-text-panel--color,
 .template-timeline-layout .template-text-panel--color {
-  background: linear-gradient(135deg, #416f88 0%, #5c948b 56%, #9c6f3a 118%);
+  background:
+    radial-gradient(circle at 18% 18%, rgba(92, 148, 139, 0.24), transparent 34%),
+    radial-gradient(circle at 86% 12%, rgba(176, 103, 86, 0.2), transparent 30%),
+    linear-gradient(135deg, rgba(255, 250, 243, 0.96) 0%, rgba(232, 238, 232, 0.9) 54%, rgba(228, 216, 200, 0.88) 118%);
+  color: var(--text-primary);
+  border: 1px solid rgba(82, 66, 48, 0.18);
+  box-shadow: 0 24px 58px rgba(69, 53, 38, 0.12);
+}
+.template-text-panel--color .template-text-panel-title,
+.template-text-panel--color .template-chart-takeaway-item h3,
+.template-timeline-layout .template-text-panel--color .template-text-panel-title {
+  color: var(--text-primary);
+}
+.template-text-panel--color .template-text-panel-body,
+.template-text-panel--color .template-chart-takeaway-item p,
+.template-timeline-layout .template-text-panel--color .template-text-panel-body {
+  color: var(--text-secondary);
+}
+.template-text-panel--color .template-chart-takeaway-item {
+  border-top-color: rgba(82, 66, 48, 0.16);
 }
-.template-slide[data-design="monet"][data-template="cover"] .slide-canvas,
-.template-slide[data-design="monet"][data-template="agenda"] .slide-canvas,
-.template-slide[data-design="monet"][data-template="section-divider"] .slide-canvas {
+.template-slide[data-template="cover"] .slide-canvas,
+.template-slide[data-template="agenda"] .slide-canvas,
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(21,18,15,0.78), rgba(21,18,15,0.38) 52%, rgba(21,18,15,0.14)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="monet"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(21,18,15,0.7), rgba(65,111,136,0.38) 58%, rgba(156,111,58,0.2)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;

package/designs/starter/DESIGN.md

@@ -903,11 +903,13 @@ Starter skins Revela built-in page templates as a neutral authoring system. The
 - `cover`, `section-divider`, `closing`: use clear title-first structural pages.
 - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use plain narrative and card-grid surfaces.
 - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
+- `team`: use portrait-led member cards with one photo, name, role, two concise highlights, and one education line. Prefer 3-4 members per page.
 - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use direct data panels with minimal decoration.
 - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
 - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
 - `timeline`: dots remain event anchors inside each vertical timeline item; do not position detached decorative markers.
 - `process-steps`, `recommendation-decision`, `risks-tradeoffs`: use simple step and decision panels.
+- `free`: use a plain title plus one semantic placeholder region; the agent may later replace that region with multiple images, charts, text blocks, tables, or mixed content.
 
 <!-- @design:page-templates:end -->
 

package/designs/starter/design.css

@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
     linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
 }
 
-.template-slide[data-design="starter"][data-template="cover"] .slide-canvas {
+.template-slide[data-template="cover"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="starter"][data-template="agenda"] .slide-canvas {
+.template-slide[data-template="agenda"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="starter"][data-template="section-divider"] .slide-canvas {
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
 .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
 
-.template-slide[data-design="starter"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -162,10 +162,13 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .text-panel-formula-fallback { display: block; white-space: normal; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.82em; line-height: 1.35; color: inherit; }
 .text-panel-formula-caption { margin: 0; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
 .template-chart-takeaway-list { display: grid; gap: 22px; width: 100%; }
-.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.24); }
+.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid var(--line); }
+.template-text-panel--color .template-chart-takeaway-item { border-top-color: rgba(255,255,255,0.24); }
 .template-chart-takeaway-item:first-child { padding-top: 0; border-top: 0; }
-.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: white; }
-.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: rgba(255,255,255,0.78); }
+.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: var(--text-primary); }
+.template-text-panel--color .template-chart-takeaway-item h3 { color: white; }
+.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: var(--text-secondary); }
+.template-text-panel--color .template-chart-takeaway-item p { color: rgba(255,255,255,0.78); }
 .template-bar { flex: 1; background: linear-gradient(180deg, var(--accent-primary), var(--accent-cyan)); min-height: 80px; }
 .template-table-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 34px; height: 100%; align-items: stretch; }
 .template-table-layout .template-side-panel { grid-column: 1; grid-row: 1; }
@@ -223,6 +226,25 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-timeline--vertical .template-timeline-item:nth-child(even) .template-timeline-copy { grid-column: 3; text-align: left; align-self: center; }
 .template-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
 .template-step-number { font-size: 48px; color: var(--accent-primary); font-weight: 800; margin-bottom: 30px; }
+.template-team-grid { height: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
+.template-team-card { min-width: 0; min-height: 0; display: grid; grid-template-rows: 330px minmax(0, 1fr); overflow: hidden; background: rgba(255,255,255,0.86); border: 1px solid var(--line); border-radius: var(--surface-radius); box-shadow: 0 18px 44px var(--shadow-soft); }
+.template-team-photo { margin: 0; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), rgba(24,168,216,0.16)); display: grid; place-items: center; }
+.template-team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.template-team-photo span { font-family: var(--font-display); font-size: 72px; line-height: 1; color: var(--accent-primary); font-weight: 800; }
+.template-team-copy { min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 26px; }
+.template-team-name { margin: 0; font-size: 30px; line-height: 1.18; color: var(--text-primary); padding-bottom: 3px; overflow: visible; }
+.template-team-role { margin: 0; font-size: 15px; line-height: 1.35; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-team-highlights { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
+.template-team-highlights li { position: relative; padding-left: 18px; font-size: 17px; line-height: 1.36; color: var(--text-secondary); }
+.template-team-highlights li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: var(--accent-primary); border-radius: 999px; }
+.template-team-education { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; }
+.template-free-stage { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
+.template-free-placeholder { min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 42px; border: 1px dashed var(--line-strong); border-radius: var(--surface-radius); background: linear-gradient(135deg, rgba(49,94,234,0.06), rgba(24,168,216,0.07)); overflow: hidden; }
+.template-free-placeholder-label { align-self: flex-start; font-size: 13px; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-free-placeholder h2 { margin: 0; font-size: 38px; line-height: 1.18; color: var(--text-primary); padding-bottom: 4px; overflow: visible; }
+.template-free-placeholder p { margin: 0; max-width: 980px; font-size: 23px; line-height: 1.42; color: var(--text-secondary); }
+.template-free-placeholder-hints { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
+.template-free-placeholder-hint { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; background: rgba(255,255,255,0.58); }
 .template-image-card { width: 100%; margin: 18px 0 0; display: grid; gap: 8px; }
 .template-image-frame { width: 100%; height: 128px; border-radius: var(--surface-radius); overflow: hidden; background: var(--surface-tint, #f1f6fc); border: 1px solid var(--line); }
 .template-image-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
@@ -302,6 +324,20 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-frame--catalog .template-timeline-copy p:last-child { font-size: 15px; line-height: 1.24; }
 .template-frame--catalog .template-steps { gap: 16px; }
 .template-frame--catalog .template-step-number { font-size: 40px; margin-bottom: 20px; }
+.template-frame--catalog .template-team-grid { gap: 16px; }
+.template-frame--catalog .template-team-card { grid-template-rows: 230px minmax(0, 1fr); }
+.template-frame--catalog .template-team-copy { padding: 18px; gap: 8px; }
+.template-frame--catalog .template-team-name { font-size: 22px; line-height: 1.14; }
+.template-frame--catalog .template-team-role { font-size: 11px; line-height: 1.25; }
+.template-frame--catalog .template-team-highlights { gap: 6px; }
+.template-frame--catalog .template-team-highlights li { font-size: 13px; line-height: 1.25; padding-left: 14px; }
+.template-frame--catalog .template-team-highlights li::before { top: 7px; width: 5px; height: 5px; }
+.template-frame--catalog .template-team-education { font-size: 10px; line-height: 1.25; padding-top: 9px; }
+.template-frame--catalog .template-free-placeholder { padding: 28px; gap: 10px; }
+.template-frame--catalog .template-free-placeholder-label { font-size: 10px; }
+.template-frame--catalog .template-free-placeholder h2 { font-size: 28px; line-height: 1.16; }
+.template-frame--catalog .template-free-placeholder p { font-size: 17px; line-height: 1.3; }
+.template-frame--catalog .template-free-placeholder-hint { min-height: 26px; padding: 6px 9px; font-size: 10px; }
 .template-frame--catalog .template-image-frame { height: 86px; }
 .template-frame--catalog .template-image-caption { font-size: 11px; }
 .template-frame--catalog .template-visual-placeholder-frame { height: 110px; }
@@ -332,15 +368,18 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-card,
 .template-table,
 .template-insight-panel,
-.template-catalog-panel { box-shadow: none; }
-.template-slide[data-design="starter"][data-template="cover"] .slide-canvas,
-.template-slide[data-design="starter"][data-template="agenda"] .slide-canvas,
-.template-slide[data-design="starter"][data-template="section-divider"] .slide-canvas {
+.template-catalog-panel,
+.template-team-card { box-shadow: none; }
+.template-team-photo img { filter: saturate(0.92) contrast(1.04); }
+.template-free-placeholder { box-shadow: none; }
+.template-slide[data-template="cover"] .slide-canvas,
+.template-slide[data-template="agenda"] .slide-canvas,
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(16,19,22,0.82), rgba(16,19,22,0.42) 52%, rgba(16,19,22,0.18)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="starter"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(16,19,22,0.72), rgba(47,115,218,0.34) 58%, rgba(43,159,195,0.22)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;

package/designs/summit/DESIGN.md

@@ -2604,11 +2604,13 @@ Summit skins Revela built-in page templates with editorial hierarchy, broad whit
 - `cover`, `section-divider`, `closing`: use strong editorial title pages.
 - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use borderless narrative groupings with clear hierarchy.
 - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
+- `team`: use portrait-led member cards with one clear photo, name, role, two project/career highlights, and one highest-education line. Optimize for 3-4 members per page; 5-6 members require short copy and consistent portraits.
 - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use evidence-first data regions without outer container borders.
 - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
 - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
 - `timeline`: dots remain event anchors inside each vertical timeline item; do not position detached decorative markers.
 - `process-steps`, `recommendation-decision`, `risks-tradeoffs`: use decisive action panels with minimal framing.
+- `free`: use a plain title plus one semantic placeholder region. The agent may later replace that region with multiple images, charts, text blocks, tables, or mixed content; do not use it as raw arbitrary HTML.
 
 <!-- @design:page-templates:end -->
 

package/designs/summit/design.css

@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
     linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
 }
 
-.template-slide[data-design="summit"][data-template="cover"] .slide-canvas {
+.template-slide[data-template="cover"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="summit"][data-template="agenda"] .slide-canvas {
+.template-slide[data-template="agenda"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="summit"][data-template="section-divider"] .slide-canvas {
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
 .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
 
-.template-slide[data-design="summit"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -162,10 +162,13 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .text-panel-formula-fallback { display: block; white-space: normal; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.82em; line-height: 1.35; color: inherit; }
 .text-panel-formula-caption { margin: 0; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
 .template-chart-takeaway-list { display: grid; gap: 22px; width: 100%; }
-.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.24); }
+.template-chart-takeaway-item { display: grid; gap: 7px; padding-top: 18px; border-top: 1px solid var(--line); }
+.template-text-panel--color .template-chart-takeaway-item { border-top-color: rgba(255,255,255,0.24); }
 .template-chart-takeaway-item:first-child { padding-top: 0; border-top: 0; }
-.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: white; }
-.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: rgba(255,255,255,0.78); }
+.template-chart-takeaway-item h3 { margin: 0; font-size: 25px; line-height: 1.24; color: var(--text-primary); }
+.template-text-panel--color .template-chart-takeaway-item h3 { color: white; }
+.template-chart-takeaway-item p { margin: 0; font-size: 20px; line-height: 1.46; color: var(--text-secondary); }
+.template-text-panel--color .template-chart-takeaway-item p { color: rgba(255,255,255,0.78); }
 .template-bar { flex: 1; background: linear-gradient(180deg, var(--accent-primary), var(--accent-cyan)); min-height: 80px; }
 .template-table-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 34px; height: 100%; align-items: stretch; }
 .template-table-layout .template-side-panel { grid-column: 1; grid-row: 1; }
@@ -223,6 +226,25 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-timeline--vertical .template-timeline-item:nth-child(even) .template-timeline-copy { grid-column: 3; text-align: left; align-self: center; }
 .template-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
 .template-step-number { font-size: 48px; color: var(--accent-primary); font-weight: 800; margin-bottom: 30px; }
+.template-team-grid { height: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
+.template-team-card { min-width: 0; min-height: 0; display: grid; grid-template-rows: 330px minmax(0, 1fr); overflow: hidden; background: rgba(255,255,255,0.86); border: 1px solid var(--line); border-radius: var(--surface-radius); box-shadow: 0 18px 44px var(--shadow-soft); }
+.template-team-photo { margin: 0; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), rgba(24,168,216,0.16)); display: grid; place-items: center; }
+.template-team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.template-team-photo span { font-family: var(--font-display); font-size: 72px; line-height: 1; color: var(--accent-primary); font-weight: 800; }
+.template-team-copy { min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 26px; }
+.template-team-name { margin: 0; font-size: 30px; line-height: 1.18; color: var(--text-primary); padding-bottom: 3px; overflow: visible; }
+.template-team-role { margin: 0; font-size: 15px; line-height: 1.35; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-team-highlights { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
+.template-team-highlights li { position: relative; padding-left: 18px; font-size: 17px; line-height: 1.36; color: var(--text-secondary); }
+.template-team-highlights li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: var(--accent-primary); border-radius: 999px; }
+.template-team-education { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; }
+.template-free-stage { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
+.template-free-placeholder { min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 42px; border: 1px dashed var(--line-strong); border-radius: var(--surface-radius); background: linear-gradient(135deg, rgba(49,94,234,0.06), rgba(24,168,216,0.07)); overflow: hidden; }
+.template-free-placeholder-label { align-self: flex-start; font-size: 13px; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-primary); font-weight: 800; }
+.template-free-placeholder h2 { margin: 0; font-size: 38px; line-height: 1.18; color: var(--text-primary); padding-bottom: 4px; overflow: visible; }
+.template-free-placeholder p { margin: 0; max-width: 980px; font-size: 23px; line-height: 1.42; color: var(--text-secondary); }
+.template-free-placeholder-hints { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
+.template-free-placeholder-hint { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); font-weight: 800; background: rgba(255,255,255,0.58); }
 .template-image-card { width: 100%; margin: 18px 0 0; display: grid; gap: 8px; }
 .template-image-frame { width: 100%; height: 128px; border-radius: var(--surface-radius); overflow: hidden; background: var(--surface-tint, #f1f6fc); border: 1px solid var(--line); }
 .template-image-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
@@ -302,6 +324,20 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-frame--catalog .template-timeline-copy p:last-child { font-size: 15px; line-height: 1.24; }
 .template-frame--catalog .template-steps { gap: 16px; }
 .template-frame--catalog .template-step-number { font-size: 40px; margin-bottom: 20px; }
+.template-frame--catalog .template-team-grid { gap: 16px; }
+.template-frame--catalog .template-team-card { grid-template-rows: 230px minmax(0, 1fr); }
+.template-frame--catalog .template-team-copy { padding: 18px; gap: 8px; }
+.template-frame--catalog .template-team-name { font-size: 22px; line-height: 1.14; }
+.template-frame--catalog .template-team-role { font-size: 11px; line-height: 1.25; }
+.template-frame--catalog .template-team-highlights { gap: 6px; }
+.template-frame--catalog .template-team-highlights li { font-size: 13px; line-height: 1.25; padding-left: 14px; }
+.template-frame--catalog .template-team-highlights li::before { top: 7px; width: 5px; height: 5px; }
+.template-frame--catalog .template-team-education { font-size: 10px; line-height: 1.25; padding-top: 9px; }
+.template-frame--catalog .template-free-placeholder { padding: 28px; gap: 10px; }
+.template-frame--catalog .template-free-placeholder-label { font-size: 10px; }
+.template-frame--catalog .template-free-placeholder h2 { font-size: 28px; line-height: 1.16; }
+.template-frame--catalog .template-free-placeholder p { font-size: 17px; line-height: 1.3; }
+.template-frame--catalog .template-free-placeholder-hint { min-height: 26px; padding: 6px 9px; font-size: 10px; }
 .template-frame--catalog .template-image-frame { height: 86px; }
 .template-frame--catalog .template-image-caption { font-size: 11px; }
 .template-frame--catalog .template-visual-placeholder-frame { height: 110px; }
@@ -345,14 +381,42 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
 .template-timeline-layout .template-text-panel--color {
   background: linear-gradient(135deg, #176c63 0%, #2a8f84 54%, #b0822e 125%);
 }
-.template-slide[data-design="summit"][data-template="cover"] .slide-canvas,
-.template-slide[data-design="summit"][data-template="agenda"] .slide-canvas,
-.template-slide[data-design="summit"][data-template="section-divider"] .slide-canvas {
+.template-team-card {
+  background: rgba(255,255,255,0.9);
+  border-color: transparent;
+  box-shadow: 0 24px 58px rgba(18, 37, 34, 0.11);
+}
+.template-team-photo {
+  background: linear-gradient(135deg, rgba(23,108,99,0.16), rgba(176,130,46,0.16));
+}
+.template-team-photo img { filter: saturate(0.92) contrast(1.04); }
+.template-team-name { font-family: var(--font-display); font-weight: 600; }
+.template-team-role,
+.template-team-education,
+.template-free-placeholder-label,
+.template-free-placeholder-hint {
+  font-family: var(--font-body);
+}
+.template-team-role,
+.template-team-highlights li::before,
+.template-free-placeholder-label {
+  color: var(--accent-primary);
+}
+.template-free-placeholder {
+  background:
+    linear-gradient(135deg, rgba(10,16,16,0.08), rgba(23,108,99,0.09)),
+    rgba(255,255,255,0.68);
+  border-color: rgba(35, 53, 49, 0.22);
+  box-shadow: none;
+}
+.template-slide[data-template="cover"] .slide-canvas,
+.template-slide[data-template="agenda"] .slide-canvas,
+.template-slide[data-template="section-divider"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(10,16,16,0.84), rgba(10,16,16,0.46) 52%, rgba(10,16,16,0.18)),
     url("./assets/cover-background.jpg") center center / cover no-repeat;
 }
-.template-slide[data-design="summit"][data-template="closing"] .slide-canvas {
+.template-slide[data-template="closing"] .slide-canvas {
   background:
     linear-gradient(90deg, rgba(10,16,16,0.78), rgba(23,108,99,0.4) 58%, rgba(176,130,46,0.22)),
     url("./assets/closing-background.jpg") center center / cover no-repeat;

package/lib/deck-html/foundation.ts

@@ -1,5 +1,5 @@
 import { existsSync, mkdirSync, writeFileSync } from "fs"
-import { dirname, isAbsolute, normalize, resolve } from "path"
+import { basename, dirname, isAbsolute, normalize, resolve } from "path"
 import { activeDesign, getDesignSection, materializeDesignCssSnapshot } from "../design/designs"
 
 export type DeckFoundationMode = "create" | "repair"
@@ -48,7 +48,12 @@ export function createDeckFoundation(input: CreateDeckFoundationInput): CreateDe
   const foundation = getDesignSection("foundation", design)
   const parts = parseFoundationParts(foundation)
   if (parts.scriptBlocks.length === 0) throw new Error(`Design '${design}' foundation does not include a SlidePresentation JavaScript code block.`)
-  const snapshot = materializeDesignCssSnapshot({ workspaceRoot: input.workspaceRoot, outputPath, designName: design })
+  const snapshot = materializeDesignCssSnapshot({
+    workspaceRoot: input.workspaceRoot,
+    outputPath,
+    designName: design,
+    snapshotName: activeDesignSnapshotName(outputPath),
+  })
 
   const html = renderFoundationHtml({
     language: input.language || "en",
@@ -69,6 +74,7 @@ export function createDeckFoundation(input: CreateDeckFoundationInput): CreateDe
       "design:foundation",
       parts.fontLinks.length > 0 ? "foundation:font-links" : "foundation:font-links:none",
       snapshot.generatedFallback ? "design-css:fallback" : "design-css:snapshot",
+      `design-css:active-snapshot:${snapshot.snapshotName}`,
       snapshot.assetCount > 0 ? "design-assets:snapshot" : "design-assets:none",
       "foundation:SlidePresentation",
     ],
@@ -81,6 +87,14 @@ export function createDeckFoundation(input: CreateDeckFoundationInput): CreateDe
   }
 }
 
+export function activeDesignSnapshotName(outputPath: string): string {
+  const stem = basename(normalizeOutputPath(outputPath), ".html")
+    .toLowerCase()
+    .replace(/[^a-z0-9-]+/g, "-")
+    .replace(/^-+|-+$/g, "")
+  return `${stem || "deck"}-active`
+}
+
 export function normalizeOutputPath(outputPath: string): string {
   const trimmed = outputPath.trim()
   if (!trimmed) throw new Error("outputPath is required")

package/lib/design/designs.ts

@@ -180,6 +180,7 @@ export interface MaterializeDesignPreviewResult {
 export interface DesignCssSnapshotResult {
   ok: true
   design: string
+  snapshotName: string
   sourcePath: string
   snapshotDir: string
   cssPath: string
@@ -425,11 +426,13 @@ export function materializeDesignCssSnapshot(input: {
   workspaceRoot: string
   outputPath: string
   designName?: string
+  snapshotName?: string
 }): DesignCssSnapshotResult {
   const designName = normalizeDesignName(input.designName || activeDesign())
+  const snapshotName = normalizeDesignSnapshotName(input.snapshotName || designName)
   const designDir = resolveDesignPackageDir(designName)
   const outputDir = dirname(normalize(input.outputPath))
-  const snapshotRelDir = normalize(join(outputDir, "_revela-design", designName)).replace(/\\/g, "/")
+  const snapshotRelDir = normalize(join(outputDir, "_revela-design", snapshotName)).replace(/\\/g, "/")
   const snapshotDir = resolve(input.workspaceRoot, snapshotRelDir)
   const cssPath = join(snapshotDir, "design.css")
   const cssRead = readDesignCss(designName)
@@ -450,6 +453,7 @@ export function materializeDesignCssSnapshot(input: {
   return {
     ok: true,
     design: designName,
+    snapshotName,
     sourcePath: cssRead.path || join(designDir, "DESIGN.md"),
     snapshotDir,
     cssPath,
@@ -460,6 +464,14 @@ export function materializeDesignCssSnapshot(input: {
   }
 }
 
+function normalizeDesignSnapshotName(name: string): string {
+  const normalized = name.trim().toLowerCase()
+  if (!/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/.test(normalized)) {
+    throw new Error("Design snapshot name must be kebab-case using lowercase letters, numbers, and hyphens")
+  }
+  return normalized
+}
+
 /** Normalize and validate a design package name. */
 export function normalizeDesignName(name: string): string {
   const normalized = name.trim().toLowerCase()