Executive Deck — Silent MeetingsLegacy format
A high-end, dual-mode design system for corporate leadership presentations. The aesthetic is quietly authoritative — editorial serif display type, generous white space on light slides, and a rich navy atmosphere on dark transition slides. Sky-blue accents convey clarity and precision. Boardroom confidence. Information-dense but never cluttered. Every pixel justifies its presence.
Color Palette
Brand Palette
Light Slide Palette
Dark Slide Palette
Semantic Colors
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxA high-end, dual-mode design system for corporate leadership presentations. The aesthetic is quietly authoritative — editorial serif display type, generous white space on light slides, and a rich navy atmosphere on dark transition slides. Sky-blue accents convey clarity and precision. Boardroom confidence. Information-dense but never cluttered. Every pixel justifies its presence.
Components
Slide Container
default
default
default
default
schedule
default
Elevation & Depth
Do's & Don'ts
Do
Don't
Slide Layouts
### 1. Title Slide (Dark)
• Background: #0f172a
• Full-bleed dark canvas with subtle radial glow
• H1 Lora 56px bold, color #f8fafc
• Accent word in headline: #38bdf8
• Subtitle: Plus Jakarta Sans 20px, color #94a3b8
### 2. Section Transition (Dark)
• Background: #0f172a
• Centered layout — max-width: 800px; margin: auto
• Decorative HR: 80px wide, 4px tall, #38bdf8, centered
• H2 Lora 52px, color #f8fafc
• Subtitle: 20px, #94a3b8
### 3. Content Slide (Light)
• Background: #f8fafc
• Top slide title with left border accent: 5px solid #38bdf8, padding-left 15px
• Content area grows to fill remaining space, vertically centered
• Subtle radial glow background decoration (blue top-left, amber bottom-right)
### 4. Two-Column (Light)
• grid-template-columns: 1fr 1fr; gap: 40px
• Tiled variant: each column in a white card with border, radius 12px
### 5. Tile Grid (Light)
• display: flex; gap: 24px; align-items: stretch
• Each tile: white bg, border #e2e8f0, radius 12px, padding 30px
• Icon container: 64×64px, bg #f0f9ff, radius 12px, icon color #0284c7
### 6. Highlight Number (Light)
• Two-column: left column has giant number (Lora 120px, #0284c7) + label
• Divider: 2px solid #e2e8f0 on right of number column
### 7. SCQA Table (Light)
• Full-width table, radius 12px, overflow hidden, border: 1px solid #e2e8f0
• th: bg #f1f5f9, color #0f172a, bold, width 25%, font-size 18px
• td: vertical-align top, body 16px #475569
• Last row: no border-bottom
### 8. Schedule Grid (Light)
• grid-template-columns: repeat(3, 1fr); gap: 20px
• Schedule card: white bg, border-left: 4px solid #0284c7, radius 12px, padding 20px
• Time tag chip: bg #f0f9ff, color #0284c7, font-size 13px, uppercase, letter-spacing 0.5px
• Accent variant: border-left #34d399, chip bg #ecfdf5, chip color #059669
### 9. Bar Chart (Light)
• Bar container: display: flex; align-items: center; gap: 20px
• Label: 240px wide, right-aligned, bold
• Bar track: bg #e2e8f0, radius 8px, height 40px
• Fill — danger: linear-gradient(90deg, #f87171, #dc2626)
• Fill — warning: linear-gradient(90deg, #fbbf24, #d97706)
• Fill — success: linear-gradient(90deg, #34d399, #059669)
• Fill text: white, bold 14px, right-padded 15px
### 10. Timeline (Light)
• Horizontal layout, 4 items at 22% width each
• Center line: 4px, #e2e8f0
• Node: 24px circle, white bg, border: 5px solid #0284c7
• Odd items: content above center line; even items: below
### 11. Bleed Image Right (Light)
• grid-template-columns: 1fr 1fr; padding: 0
• Left: content with 60px/80px padding, vertically centered
• Right: full-height image (720px), object-fit: cover
### 12. Q&A / Closing (Dark)
• Centered, margin: auto
• H2 Lora 64px, color #f8fafc
• Closing line: Plus Jakarta Sans 18px, bold, color #38bdf8
---
Use with MCP
Don't have the MCP? Install it here