Gradient BG Slide Designs



To reproduce any of the slide background designs shown in this guide simply copy-and-paste the corresponding markdown snippet directly into the PITCHME.md for your GitPitch slide deck.

Click the small icon in the top-right corner of any markdown block below to copy the markdown snippet.

All of the markdown snippets that follow in this guide make use of GitPitch color slide delimiters. Each snippet displays placeholder colors and content. You can replace these placeholder values with custom values as appropriate to your slide deck.


Tip! Background Slide Design Templates

If you find a background slide design here that you would like to set as the base design for every slide in your deck, you can activate the design globally using the Theme Template Background Property.


Gradient Slide Design A

Slide Templates Design


---?color=linear-gradient(to bottom, #2193b0, #6dd5ed)

# @fa[laptop-code fa-3x text-white]

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Gradient Slide Design B

Slide Templates Design


---?color=linear-gradient(to top left, #bdc3c7, #2c3e50)

# @fa[laptop-code fa-3x text-white]

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Gradient Slide Design C

Slide Templates Design


---?color=linear-gradient(to top right, #36d1dc, #5b86e5)

# @fa[laptop-code fa-3x text-white]

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Gradient Slide Design D

Slide Templates Design


---?color=linear-gradient(to bottom, #06beb6, #48b1bf)

# @fa[laptop-code fa-3x text-white]

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Gradient Slide Design E

Slide Templates Design


---?color=linear-gradient(to top left, #BE5869, #403A3E)

# @fa[laptop-code fa-3x text-white]

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.