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
This section of our handbook contains all details related to how we design content
9
-
at FlowFuse. From our Branding Guidelines, with logos and color palettes, through
10
-
to how we plan design work and ensure empathy for users through Design Thinking.
8
+
This section of our handbook contains all details related to FlowFuse's visual language. From our Branding Guidelines, with logos and color palettes, through to how we plan design work and ensure empathy for users through Design Thinking.
Copy file name to clipboardExpand all lines: src/handbook/design/videos.md
+2-25Lines changed: 2 additions & 25 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,13 +3,13 @@ navTitle: Video
3
3
navGroup: Sales & Marketing
4
4
---
5
5
6
-
# Marketing Videos
6
+
# Videos
7
7
8
8
This section of our handbook is dedicated to guidance on how to create video/media assets for FlowFuse. Here you can find information on what types of videos we produce at FlowFuse and the templating and formatting we recommend for each.
9
9
10
10
Videos should be produced at 1920 x 1080 resolution.
11
11
12
-
Any text included in the videos will use the ["DIN Alternate Bold"](https://fontsgeek.com/fonts/DIN-Alternate-Bold) font. The FlowFuse logo is made with ["Baloo Da 2"](https://fonts.google.com/specimen/Baloo+Da+2).
12
+
Check our [branding guidelines](/handbook/design/branding/) for fonts, colors and logo versions.
13
13
14
14
We have a collection of [assets](#assets) that will make video editing and creation a lot simpler, particularly in Adobe Premiere Pro.
15
15
@@ -47,26 +47,3 @@ If you require a license to one of the following tools (where applicable), then
47
47
-**Illustrator** provides tooling to create templates that can ingested into After Effects. It's often easier to layout complex content in Illustrator, [then export to After Effects for animation](https://www.schoolofmotion.com/blog/import-adobe-illustrator-files-into-after-effects).
48
48
49
49
-**Photoshop** can be used for raster image and photo-editing.
50
-
51
-
## Video Types
52
-
53
-
### User Journey Videos
54
-
55
-
These are product marketing videos explaining what value FlowFuse provides going
56
-
through a user journey. These videos have a very fixed structure [with templates listed]:
57
-
58
-
1. FlowFuse Intro _[Template: /Bookends/Intro]_
59
-
2. Explain the problem a user might be facing before the user journey
60
-
3. Walk, don't run, through the user journey explaining _why_ each step must be taken
61
-
3. Explain what was achieved
62
-
4. FlowFuse Outro Ident _[Template: /Bookends/Outro]_
63
-
64
-
#### Recording Demos for Release Videos
65
-
66
-
Screen recordings used within the Release Videos should be recorded at 1800 x 1080 in order to fit within the reusable template. The border size can be easily adjusted though if required.
67
-
68
-
In our "FlowFuse Templates" Adobe Premiere Pro library we have three "UI Preview" templates available at different lengths (10, 13 and 15 seconds). It is recommended to edit the recordings in a piece of software of your choice down to your chosen timing, as this will make use of the templates a lot easier.
69
-
70
-
### Marketing Videos
71
-
72
-
Much more creative license and freedom in terms of content and approach. If we are using iconography and pictograms, then they should be stylized and animated as per our [branding guidelines](/handbook/design/branding.md).
0 commit comments