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
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -43,13 +43,13 @@ Footage should be recorded in the highest possible bitrate available. This allow
43
43
44
44
#### Picture Profiles
45
45
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.
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 (e.g. fan, air-conditioning, chatters) and echo to the best of your ability.
52
+
Avoid locations with background noise (for example, fan, air-conditioning, chatters) and echo to the best of your ability.
53
53
54
54
#### Echo
55
55
@@ -75,7 +75,7 @@ Social media platforms like Instagram or Facebook are typically accessed on mobi
75
75
76
76
### Color Grading
77
77
78
-
Final videos should be graded to natural colors. They shouldn't be over or under saturated or too heavily influenced in one color direction. Different skin tones, lighting situations, and preferences for the “vibe" will influence the settings.
78
+
Final videos should be graded to natural colors. They shouldn't be over or under saturated or too heavily influenced in one color direction. Different skin tones, lighting situations, and preferences for the "vibe" will influence the settings.
79
79
80
80
#### **Examples of Poor Color Grading**
81
81
@@ -110,7 +110,7 @@ Final videos should be graded to natural colors. They shouldn't be over or under
110
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.
111
111
112
112
:::note
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
+
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.
114
114
:::
115
115
116
116
## Post-Production
@@ -119,7 +119,7 @@ This section explores how Cloudflare branding is applied to video components.
119
119
120
120
### Logo Usage, Fonts, and Color Palette
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
+
Cloudflare's brand guidelines are well documented and publicly available on the [Figma Brand Design Guidelines page](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).
123
123
124
124
Cloudflare video adheres to all brand guidelines.
125
125
@@ -131,7 +131,7 @@ Intros and outros are essential for structuring a video and guiding the audience
131
131
132
132
#### Transitions, Effects and Chapter Separators
133
133
134
-
Other components, such as transitions, effects and chapter separators, should be used sparingly to maintain a professional and cohesive video presentation. When included, they must be subtle and have a clear purpose, enhancing the content rather than distracting from it. It's important to ensure that these elements align with the video’s overall style and tone, preserving its intended look and feel without overwhelming or altering the core visual identity.
134
+
Other components, such as transitions, effects and chapter separators, should be used sparingly to maintain a professional and cohesive video presentation. When included, they must be subtle and have a clear purpose, enhancing the content rather than distracting from it. It's important to ensure that these elements align with the video's overall style and tone, preserving its intended look and feel without overwhelming or altering the core visual identity.
135
135
136
136
Chapter separators should be used thoughtfully to indicate key sections, such as steps in tutorials, different concepts being explained, or distinct functions being demonstrated. To maintain a smooth flow, limit these transitions to no more than one every 3+ minutes. This ensures the video remains engaging and avoids overwhelming the viewer with excessive interruptions while effectively segmenting the content for clarity.
137
137
@@ -141,7 +141,7 @@ When using on-screen audiovisual content, such as overlays, stock footage, audio
141
141
142
142
#### Subtitles
143
143
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
+
In general, we rely on platform automatic subtitle generation (for example, YouTube, Cloudflare Stream). For high-quality productions, subtitles are reviewed manually to ensure accuracy and clarity.
145
145
146
146
##### Subtitle Specifications
147
147
@@ -166,7 +166,7 @@ When setting up the presenter frame, the presenter should position themselves in
166
166
To create the most professional and consistent appearance, please follow these dress code guidelines:
167
167
168
168
- Wear smart casual tops, like a Cloudflare T-shirt, polo, casual shirt, or sweater.
169
-
-Stick to solid, black and white, and jewel tones (e.g., dark orange, emerald green, navy, burgundy).
169
+
Stick to solid, black and white, and jewel tones (for example, dark orange, emerald green, navy, burgundy).
170
170
- Avoid distracting patterns, accessories, or flashy jewelry.
171
171
- Do not wear non-affiliated branded clothing, especially from non-open-source companies.
0 commit comments