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
+17-16Lines changed: 17 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,16 +6,15 @@ sidebar:
6
6
---
7
7
8
8
import { Flex } from"~/components";
9
+
import { Image } from"astro:assets";
9
10
10
11
## Introduction
11
12
12
13
These guidelines are designed to help both Cloudflare employees and external collaborators create videos that meet our standards for quality, consistency, and alignment with Cloudflare's brand identity and communication style.
13
14
14
-
The Cloudflare Video team focuses on producing videos that complement our written materials and product experiences, providing additional clarity and engagement for our users.
15
+
## Production
15
16
16
-
## Technical Video Specifications
17
-
18
-
This section reviews video quality, format and properties.
17
+
This section covers requirements, formatting and settings for video, audio, colorgrading, and screen recording.
19
18
20
19
### Video Quality
21
20
@@ -25,13 +24,14 @@ Videos should be recorded at a minimum of 3840x2160 resolution (4K) and exported
25
24
26
25
27
26
##### Acceptable Resolutions
28
-
-**Full HD:** 1080p (1920x1080)
29
-
-**2K QHD:** 1440p (2560x1440)
30
27
-**4K UHD:** 2160p (3840x2160)
28
+
-**2K QHD:** 1440p (2560x1440)
29
+
-**Full HD:** 1080p (1920x1080)
31
30
32
31
##### Unacceptable Resolutions
33
-
-**SD:** 480p (720x480)
34
32
-**HD:** 720p (1280x720)
33
+
-**SD:** 480p (720x480)
34
+
35
35
36
36
#### Frame Rate
37
37
@@ -43,17 +43,17 @@ Footage should be recorded in the highest possible bitrate available. This allow
43
43
44
44
#### Picture Profiles
45
45
46
-
S-Cinetone is standard. Use the most natural in-cameracolor and saturation.
46
+
Sony’s S-Cinetone is our preference because it represents a cinematic style with natural tones, soft highlights, and balanced contrast, designed to deliver film-like visuals straight out of the camera. If the camera doesn't have S-Cinetone, then avoid flat color profiles such as or equivalent to S-Log.
47
47
48
48
### Audio Quality
49
49
50
50
#### Background Noise
51
51
52
-
Avoid locations with background noise to the best of your ability.
52
+
Avoid locations with background noise (e.g. fan, air-conditioning, chatters) and echo to the best of your ability.
53
53
54
54
#### Echo
55
55
56
-
Echo is extremely difficult to remove in post-production. Best practice is avoid large 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
+
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.
57
57
58
58
#### Microphone Placement
59
59
@@ -70,6 +70,7 @@ The most common screens and online platforms, such as YouTube and Vimeo, use a 1
70
70
71
71
#### Mobile Aspect Ratio
72
72
73
+
73
74
Social media platforms like Instagram or Facebook are typically accessed on mobile devices and usually require a 9x16 aspect ratio. Efficiency calls for a 1:1 aspect ratio, which works on all, but not as great.
74
75
75
76
### Color Grading
@@ -106,21 +107,21 @@ Final videos should be graded to natural colors. They shouldn't be over or under
106
107
107
108
#### Screen Recording Resolution
108
109
109
-
Screen recordings should be done on the largest monitor possible, with the highest resolution available to the recording software. Ensure that any text visible on your screen is large enough that it can be easily read in the final video.
110
+
Screen recordings should be done on the largest monitor possible, with the highest resolution available to the recording software (minimum 1920x1080). Ensure that any text visible on your screen is large enough that it can be easily read in the final video.
110
111
111
112
:::note
112
-
You may need to modify the zoom of the window you are recording or your monitor’s resolution.
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
115
-
## Brand Guidelines
116
+
## Post-Production
116
117
117
118
This section explores how Cloudflare branding is applied to video components.
118
119
119
120
### Logo Usage, Fonts, and Color Palette
120
121
121
122
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).
122
123
123
-
Cloudflare Video adheres to all brand guidelines.
124
+
Cloudflare video adheres to all brand guidelines.
124
125
125
126
### Video Components
126
127
@@ -140,7 +141,7 @@ When using on-screen audiovisual content, such as overlays, stock footage, audio
140
141
141
142
#### Subtitles
142
143
143
-
In general, we rely on platform automatic subtitle generation (e.g., YouTube, Cloufdlare Stream). For high-quality productions, subtitles are reviewed manually to ensure accuracy and clarity.
144
+
In general, we rely on platform automatic subtitle generation (e.g., YouTube, Cloudflare Stream). For high-quality productions, subtitles are reviewed manually to ensure accuracy and clarity.
144
145
145
146
##### Subtitle Specifications
146
147
@@ -165,7 +166,7 @@ When setting up the presenter frame, the presenter should position themselves in
165
166
To create the most professional and consistent appearance, please follow these dress code guidelines:
166
167
167
168
- Wear smart casual tops, like a Cloudflare T-shirt, polo, casual shirt, or sweater.
168
-
- Stick to solid and jewel tones (e.g., dark orange, emerald green, navy, burgundy).
169
+
- Stick to solid, black and white, and jewel tones (e.g., dark orange, emerald green, navy, burgundy).
169
170
- Avoid distracting patterns, accessories, or flashy jewelry.
170
171
- Do not wear non-affiliated branded clothing, especially from non-open-source companies.
0 commit comments