Presentation Design System
Strategy, Evidence, Layout, Components
A reusable executive deck system for structured decisions, credible evidence, and fast review.
02
Color System
Primary Colors
#0066FF
#3399FF
#66CCFF
#131927
#FFFFFF
Secondary Colors
#9CA3AF
#6B7280
#CBD5E1
#E5E7EB
#F3F6FB
Accent Colors
#17AA71
#F6A21A
#6B5BEA
#E63888
dai'd
Background Usage
Light Background
#FFFFFF Reserved positive reading space
Dark Background
#131927 Used for section dividers
Accessibility Contrast
AA normal text
4.5:1
AA large text
7:1
03
Typography System
Aa
Inter
(Sans Serif)
Cool, Modern, Highly Readable
Style
Size
Weight
Line Height
Usage
Heading 1
58px
700
1.1
Main topics
Heading 2
40px
500
1.2
Section topics
Heading 3
30px
600
1.3
Slide topics
Hot Heading
20px
400
1.4
Subtitles
Body Large
14px
400
1.4
Preview / callouts
Body Regular
11px
400
1.4
Body copy
Caption
10px
400
1.4
Captions / news
Alignment
Font Scale
Left
Center
Right
Justified
12
14
18
26
36
40
56
04
Grid & Layout System
Column Grid
1 Column
2 Column
3 Column
4 Column
6 Column
12 Column
Margins & Padding
Content area
Baseline Grid
14px
Alignment Set
Start Edge
Option Edge
Target Edge
Span Edge
Fixed Space
Minimum Edge
05
Slide Layouts: Title Slide
Company Name
Presentation Title Goes Here
Your Subtitle or Tagline Goes Right Here
Presenter Name
Job Title
06
Slide Layouts: One Column
Slide Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
•
First point goes here
•
Second point goes here
•
Third point goes here
•
Fourth point goes here
Company Name
12
07
Slide Layouts: Two Column
Slide Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
•
First point goes here
•
Second point goes here
•
Third point goes here
Company Name
14
08
Slide Layouts: Multi-Column
Slide Title Goes Here
▧
Column One
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
⌘
Column Two
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
♙
Column Three
Ut enim ad minim veniam, quis nostrud exercitation.
Company Name
12
09
Slide Layouts: Large Image
Image Caption Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Company Name
13
11
Slide Layouts: Table
Slide Title Goes Here
Header 1Header 2Header 3Header 4
Line One235400750
Line Two234557406
Line Three234475321
New Row435790881
Total1,4002,5801,586
Company Name
18
12
Slide Layouts: Charts / Figures
Slide Title Goes Here
88 0 Q1 Q2 Q3 Q4
Product AProduct B
Product A: 40
Product B: 30
Product C: 20
Others: 10
40% Product A
30% Product B
20% Product C
10% Others
Company Name
18
13
Slide Layouts: Data - Text - Image
Slide Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2.4M
Total Users
▲ 20% from last quarter
75%
Goal Completion
Company Name
17
14
Slide Layouts: Section Divider
02
Section Title Goes Here
Section Subtitle Goes Here
Company Name
13
15
Slide Layouts: Conclusion
▱
Thank You!
Any Questions?
Let's build something great together.
Company Name
18
16
Component System
Buttons
Primary Button
Secondary Button
Text Button ›
Labels
•
Bullet Point
•
Bullet Point
•
Icon Bullet Point
•
Bullet Point
Separators
Pale solid
Blue dot line
Repeat Line
Tags / Labels
New
Important
Business
Info
Progress Bar
2xA
17
Table Styling
Header Style
Header 1Header 2Header 3
DataDataData
Row Style
Row Row follows
Row Style Alternating
Uses Max
Notes
✓
Use subtle row backgrounds
✓
All enclosed colors for readability
✓
Align text consistently
✓
Use labels footers
18
Icons System
Categories
•
Business
•
Technology
•
Finance
•
People
•
Communication
•
Arrows
•
Miscellaneous
▥
◷
⌘
▣
◫
☹
◎
↑
◇
→
✓
×
←
↓
○
ⓘ
▥
◷
⌘
▣
◫
☹
◎
↑
19
Decision Slide Guidelines
Classic feel
Discuss visual system language with clear spacing, restrained decoration, and accessible contrast.
Effectively Locate
Main Title
Subheading drawn from visual system with clear hierarchy and readable copy blocks.
Learn more
20
Do’s & Don’ts
✓
Do’s
•
Keep slides simple
•
Use consistent fonts
•
Maintain enough contrast
•
Play to alignment
•
Use quality images
×
Don’ts
•
Overload with text
•
Use inconsistent edits
•
Poor contrast
•
Diagonal elements
•
Low-quality images