You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/style-guide/video/index.mdx
+45-41Lines changed: 45 additions & 41 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,17 @@
1
1
---
2
-
title: Video Style Guide
2
+
title: Video
3
3
pcx_content_type: overview
4
4
sidebar:
5
-
order: 6
5
+
order: 2
6
6
---
7
7
8
8
import { Flex } from"~/components";
9
-
import { Image } from"astro:assets";
10
9
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.
12
11
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
14
15
15
16
## Production
16
17
@@ -20,19 +21,17 @@ This section covers requirements, formatting, and settings for video, audio, col
20
21
21
22
#### Resolution
22
23
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.
25
25
26
26
##### Acceptable Resolutions
27
-
-**4K UHD:** 2160p (3840x2160)
28
-
-**2K QHD:** 1440p (2560x1440)
27
+
-**4K Ultra HD:** 2160p (3840x2160)
28
+
-**2K Quad HD:** 1440p (2560x1440)
29
29
-**Full HD:** 1080p (1920x1080)
30
30
31
31
##### Unacceptable Resolutions
32
32
-**HD:** 720p (1280x720)
33
33
-**SD:** 480p (720x480)
34
34
35
-
36
35
#### Frame Rate
37
36
38
37
25 frames per second (FPS)
@@ -47,18 +46,20 @@ Cloudflare prefers S-Cinetone because it represents a cinematic style with natur
47
46
48
47
### Audio Quality
49
48
50
-
#### Background Noise
49
+
#### Microphone Placement
51
50
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.
53
53
54
-
#### Echo
54
+
#### Tips for avoiding common audio problems
55
55
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
57
57
58
-
#### Microphone Placement
58
+
Avoid locations with background noise (for example, fan, air-conditioning, chatters) and echo to the best of your ability.
59
59
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.
62
63
63
64
### Aspect Ratios
64
65
@@ -112,17 +113,40 @@ Screen recordings should be done on the largest monitor possible, with the highe
112
113
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.
113
114
:::
114
115
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
+
115
139
## Post-Production
116
140
117
141
This section explores how Cloudflare branding is applied to video components.
118
142
119
-
### Logo Usage, Fonts, and Color Palette
143
+
### Video Components
120
144
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
122
146
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).
124
148
125
-
### Video Components
149
+
Developer Documentation videos adhere to all brand guidelines.
126
150
127
151
#### Intro and Outro
128
152
@@ -156,26 +180,6 @@ Contact the Cloudflare Video team for the most up-to-date lower thirds and chapt
156
180
157
181
### Video Tone
158
182
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
-
179
183
#### Thumbnail Picture
180
184
181
185
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