Skip to content

Commit 1962227

Browse files
committed
updates
1 parent 5d30539 commit 1962227

File tree

1 file changed

+45
-41
lines changed

1 file changed

+45
-41
lines changed

src/content/docs/style-guide/video/index.mdx

Lines changed: 45 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
11
---
2-
title: Video Style Guide
2+
title: Video
33
pcx_content_type: overview
44
sidebar:
5-
order: 6
5+
order: 2
66
---
77

88
import { Flex } from "~/components";
9-
import { Image } from "astro:assets";
109

11-
## Introduction
10+
This document serves as a guide for producing Developer Documentation videos that uphold our standards for quality, consistency, and alignment with Cloudflare's brand identity and communication style.
1211

13-
These guidelines are designed to help both Cloudflare employees and external collaborators create videos for Developer Documentation that meet our standards for quality, consistency, and alignment with Cloudflare's brand identity and communication style.
12+
Intended audiences include, but are not limited to:
13+
- Cloudflare video teams to ensure high quality and consistency with each production
14+
- External production crews to streamline alignment on camera settings and exporting formats
1415

1516
## Production
1617

@@ -20,19 +21,17 @@ This section covers requirements, formatting, and settings for video, audio, col
2021

2122
#### Resolution
2223

23-
Videos should be recorded at a minimum of 3840x2160 resolution (4K) and exported at a minimum of 1080p full HD quality. No footage below 1080p will be used.
24-
24+
Videos should be recorded at 4K UHD. If 4K UHD is unavailable, Full HD footage may be accepted on a case-by-case basis. Footage below Full HD will not be used. Final video exports must be at least Full HD.
2525

2626
##### Acceptable Resolutions
27-
- **4K UHD:** 2160p (3840x2160)
28-
- **2K QHD:** 1440p (2560x1440)
27+
- **4K Ultra HD:** 2160p (3840x2160)
28+
- **2K Quad HD:** 1440p (2560x1440)
2929
- **Full HD:** 1080p (1920x1080)
3030

3131
##### Unacceptable Resolutions
3232
- **HD:** 720p (1280x720)
3333
- **SD:** 480p (720x480)
3434

35-
3635
#### Frame Rate
3736

3837
25 frames per second (FPS)
@@ -47,18 +46,20 @@ Cloudflare prefers S-Cinetone because it represents a cinematic style with natur
4746

4847
### Audio Quality
4948

50-
#### Background Noise
49+
#### Microphone Placement
5150

52-
Avoid locations with background noise (for example, fan, air-conditioning, chatters) and echo to the best of your ability.
51+
- **Shotgun microphones**: Place the microphone over your head, just outside of the frame.
52+
- **Lavalier microphones**: Hide cords and cables, but the microphone can be visible.
5353

54-
#### Echo
54+
#### Tips for avoiding common audio problems
5555

56-
Echo is extremely difficult to remove in post-production. Best practice is to avoid empty rooms, but if you must, soundproof your recording area by introducing sound-absorbing materials such as carpets, curtains, blankets, or foam panels. Test for echoes by clapping and listening for a "dampened" sound.
56+
##### Background Noise
5757

58-
#### Microphone Placement
58+
Avoid locations with background noise (for example, fan, air-conditioning, chatters) and echo to the best of your ability.
5959

60-
- **Shotgun microphones**: Place the microphone over your head, just outside of the frame.
61-
- **Lavalier microphones**: Hide cords and cables, but the microphone can be visible.
60+
##### Echo
61+
62+
Echo is extremely difficult to remove in post-production. Best practice is to avoid empty rooms, but if you must, soundproof your recording area by introducing sound-absorbing materials such as carpets, curtains, blankets, or foam panels. Test for echoes by clapping and listening for a "dampened" sound.
6263

6364
### Aspect Ratios
6465

@@ -112,17 +113,40 @@ Screen recordings should be done on the largest monitor possible, with the highe
112113
You may need to modify the zoom of the window you are recording or your monitor's resolution to make sure the visual displayed is visible and legible.
113114
:::
114115

116+
### Presenter
117+
118+
#### Frame
119+
120+
When setting up the presenter frame, the presenter should position themselves in the center of the shot with some distance from the wall behind them to create depth. They should ensure their eyeline is directly towards the lens, engaging with the audience, and avoid any reflections on their glasses that could distract from the presentation. This will help maintain a clear and professional look throughout the video.
121+
122+
#### Dress Code
123+
124+
To create the most professional and consistent appearance, please follow these dress code guidelines:
125+
126+
- Wear smart casual tops, like a Cloudflare T-shirt, polo, casual shirt, or sweater.
127+
Stick to solid, black and white, and jewel tones (for example, dark orange, emerald green, navy, burgundy).
128+
- Avoid distracting patterns, accessories, or flashy jewelry.
129+
- Do not wear non-affiliated branded clothing, especially from non-open-source companies.
130+
131+
### Room Atmosphere
132+
133+
For the best video quality, consider the following options for setting up your space:
134+
135+
- **Option A**: Choose a location with natural light and minimal (echo)[/style-guide/video/#echo]. Add extra lighting if needed.
136+
- **Option B**: Set up a green screen. Ensure proper lighting to minimize shadows for the cleanest background.
137+
138+
115139
## Post-Production
116140

117141
This section explores how Cloudflare branding is applied to video components.
118142

119-
### Logo Usage, Fonts, and Color Palette
143+
### Video Components
120144

121-
Cloudflare's brand guidelines are well documented and publicly available [here](https://www.figma.com/proto/FYnURhxtrmhMG2z60kLeoh/Brand-Design-Guidelines-%2723?page-id=1013%3A1410&type=design&node-id=1140-1812&t=n6tugqnuuZqU3IFl-0&scaling=scale-down&starting-point-node-id=1140%3A1812&hide-ui=1).
145+
#### Cloudflare Logo Usage, Fonts, and Color Palette
122146

123-
Cloudflare video adheres to all brand guidelines.
147+
Brand guidelines are well documented and publicly available [here](https://www.figma.com/proto/FYnURhxtrmhMG2z60kLeoh/Brand-Design-Guidelines-%2723?page-id=1013%3A1410&type=design&node-id=1140-1812&t=n6tugqnuuZqU3IFl-0&scaling=scale-down&starting-point-node-id=1140%3A1812&hide-ui=1).
124148

125-
### Video Components
149+
Developer Documentation videos adhere to all brand guidelines.
126150

127151
#### Intro and Outro
128152

@@ -156,26 +180,6 @@ Contact the Cloudflare Video team for the most up-to-date lower thirds and chapt
156180

157181
### Video Tone
158182

159-
#### Presenter Frame, Look and Feel
160-
161-
When setting up the presenter frame, the presenter should position themselves in the center of the shot with some distance from the wall behind them to create depth. They should ensure their eyeline is directly towards the lens, engaging with the audience, and avoid any reflections on their glasses that could distract from the presentation. This will help maintain a clear and professional look throughout the video.
162-
163-
#### Dress Code
164-
165-
To create the most professional and consistent appearance, please follow these dress code guidelines:
166-
167-
- Wear smart casual tops, like a Cloudflare T-shirt, polo, casual shirt, or sweater.
168-
Stick to solid, black and white, and jewel tones (for example, dark orange, emerald green, navy, burgundy).
169-
- Avoid distracting patterns, accessories, or flashy jewelry.
170-
- Do not wear non-affiliated branded clothing, especially from non-open-source companies.
171-
172-
#### Room Atmosphere
173-
174-
For the best video quality, consider the following options for setting up your space:
175-
176-
- **Option A**: Choose a location with natural light and minimal (echo)[/style-guide/video/#echo]. Add extra lighting if needed.
177-
- **Option B**: Set up a green screen. Ensure proper lighting to minimize shadows for the cleanest background.
178-
179183
#### Thumbnail Picture
180184

181185
Thumbnails should be clear still images of the presenter. Avoid motion blur or exaggerated facial expressions. Ensure the title text is readable.

0 commit comments

Comments
 (0)