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