Skip to content

Commit 15bcf46

Browse files
committed
updates
1 parent 6d77179 commit 15bcf46

File tree

2 files changed

+17
-16
lines changed

2 files changed

+17
-16
lines changed
234 KB
Loading

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

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,15 @@ sidebar:
66
---
77

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

1011
## Introduction
1112

1213
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.
1314

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
1516

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.
1918

2019
### Video Quality
2120

@@ -25,13 +24,14 @@ Videos should be recorded at a minimum of 3840x2160 resolution (4K) and exported
2524

2625

2726
##### Acceptable Resolutions
28-
- **Full HD:** 1080p (1920x1080)
29-
- **2K QHD:** 1440p (2560x1440)
3027
- **4K UHD:** 2160p (3840x2160)
28+
- **2K QHD:** 1440p (2560x1440)
29+
- **Full HD:** 1080p (1920x1080)
3130

3231
##### Unacceptable Resolutions
33-
- **SD:** 480p (720x480)
3432
- **HD:** 720p (1280x720)
33+
- **SD:** 480p (720x480)
34+
3535

3636
#### Frame Rate
3737

@@ -43,17 +43,17 @@ Footage should be recorded in the highest possible bitrate available. This allow
4343

4444
#### Picture Profiles
4545

46-
S-Cinetone is standard. Use the most natural in-camera color 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.
4747

4848
### Audio Quality
4949

5050
#### Background Noise
5151

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.
5353

5454
#### Echo
5555

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.
5757

5858
#### Microphone Placement
5959

@@ -70,6 +70,7 @@ The most common screens and online platforms, such as YouTube and Vimeo, use a 1
7070

7171
#### Mobile Aspect Ratio
7272

73+
7374
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.
7475

7576
### Color Grading
@@ -106,21 +107,21 @@ Final videos should be graded to natural colors. They shouldn't be over or under
106107

107108
#### Screen Recording Resolution
108109

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.
110111

111112
:::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.
113114
:::
114115

115-
## Brand Guidelines
116+
## Post-Production
116117

117118
This section explores how Cloudflare branding is applied to video components.
118119

119120
### Logo Usage, Fonts, and Color Palette
120121

121122
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).
122123

123-
Cloudflare Video adheres to all brand guidelines.
124+
Cloudflare video adheres to all brand guidelines.
124125

125126
### Video Components
126127

@@ -140,7 +141,7 @@ When using on-screen audiovisual content, such as overlays, stock footage, audio
140141

141142
#### Subtitles
142143

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.
144145

145146
##### Subtitle Specifications
146147

@@ -165,7 +166,7 @@ When setting up the presenter frame, the presenter should position themselves in
165166
To create the most professional and consistent appearance, please follow these dress code guidelines:
166167

167168
- 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).
169170
- Avoid distracting patterns, accessories, or flashy jewelry.
170171
- Do not wear non-affiliated branded clothing, especially from non-open-source companies.
171172

0 commit comments

Comments
 (0)