Visual identity  ·  2026

Brand
Guideline

One red pixel. Infinity frames.

Scroll to explore1–9 0 fast travel (0 = zone 10)Q quest log

Zone 02  ·  Overview

The full brand

Everything Vue FILM needs to look and sound like Vue FILM: the identity from the original guideline, plus the tools to apply it on screen, on social, in documents and in print.

Guideline taken from the original PDFProposed new, built from the identity and ready for your approval

Destinations

Eight zones to explore. Pick one, or press its number.

Everything in this guide

Every section of the guideline in one list. Scroll to a section, or click it, and it gets a tick. Use it to check that nothing was missed.

0 / 0 seen

Zone 03  ·  Guideline

The logo

The main logo consists of an icon and a wordmark.

Meaning

The Vue logo represents scene and vision. It comes from the French word “vue”, and it expresses intentional viewing rather than simple recording. The red square marks the recording moment. It is drawn in a pixel-based system to reflect the digital nature of screens and visual media. Its inverted orientation refers to professional horizontal framing and creative control. The result is a modern identity that stands for visual awareness and intentional vision.

Scene
Record

Construction

Angled strokes in the V, square blocks in the U and E. The red square sits on the cap line of the wordmark.

Proportion

Every logo measurement is based on one relative unit, 1x, defined by the diameter of the red square. The unit sets all proportions, spacing and exclusion zones, so the logo stays consistent and balanced at every size.

1x1x

Exclusion zone

Keep a clear space of 4x around the logo. No artwork, typography or other graphic element may enter this area, which protects the logo’s visibility, clarity and impact in every application.

4x4x4x4x

Minimum size

The logo is never shown smaller than 35 px in height. Drag the slider to see where it stops working.

70 px Meets minimum

Placement

Nine approved positions on a page. Choose one to mark it.

Selected position

5 · Middle centred

Reversed

Use the reversed logo on dark or saturated backgrounds so it stays clear and readable.

Single colour

Use the single-colour version when only one colour is available, such as print or monochrome applications. The whole mark, square included, takes that colour.

Secondary logo

Zone 04  ·  Proposed

Logo rules & kit

What never to do to the logo, and every version ready to copy.

Never do this

Nine mistakes to catch before anything is published. Each one breaks a rule from the guideline: proportion, exclusion zone, minimum size or approved colours.

Stretch or squashAlways scale evenly. The proportions are locked.
RotateThe horizontal frame is part of the meaning.
Invent colourwaysUse only the versions in the kit below.
Add effectsNo shadows, glows, bevels or gradients on the mark.
Move the red squareIt stays on the cap line, at the end of the wordmark.
Low contrastRed on orchid vibrates and blurs. Pick a version that reads.
Outline itThe mark is solid. No strokes, no hollow versions.
SHOWREEL 2026
Crowd itKeep the 4x exclusion zone clear of text and graphics.
Go below 35 pxUnder 35 px in height the small blocks close up.

Logo kit

Copy any version as clean SVG code and paste it straight into a design tool, a website or an email. PNG and SVG files are also delivered with this guideline.

Brand tokens

The palette and type as code, so designers and developers start from the same values.

CSS variables

:root {
  --vue-charcoal: #212121;
  --vue-red:      #FE0000;
  --vue-volt:     #C9F500;
  --vue-orchid:   #BD4DF9;
  --vue-white:    #FFFFFF;
  --vue-font: "Chakra Petch", sans-serif;
}

Design tokens (JSON)

{
  "color": {
    "charcoal": "#212121",
    "red": "#FE0000",
    "volt": "#C9F500",
    "orchid": "#BD4DF9",
    "white": "#FFFFFF"
  },
  "font": { "family": "Chakra Petch",
            "weights": [300, 400, 500, 600, 700] },
  "logo": { "minHeightPx": 35, "clearSpace": "4x" }
}

Zone 05  ·  Guideline Proposed scale

Typography

Typeface

Chakra Petch

Chakra Petch is a modern geometric typeface with a strong technical and futuristic character. Its sharp angles and structured forms create a sense of precision, innovation and digital accuracy. It is highly legible and works well for headings, UI elements and technology-driven identities, which suits a brand built on technology, creativity and forward-thinking design.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ - + = ? > . , < } { ~ ` | \

LightABC 12ABC 12
RegularABC 12ABC 12
MediumABC 12ABC 12
SemiboldABC 12ABC 12
BoldABC 12ABC 12

Tagline

One red pixel.
Infinity frames.

The tagline says where every film starts and how far it can go. The red pixel is the mark in our logo, and infinity frames is the work that follows: every shot a choice, with perspective and visual intention in each one.

Type scale Proposed

Five roles cover almost everything. Headings are uppercase and bold. Body copy is sentence case so long text stays easy to read.

DisplayBold 700 · uppercase
Line 0.9 · 96 px+
Every frame
HeadlineBold 700 · uppercase
Line 0.95 · 48–64 px
Is a choice
TitleBold 700 · uppercase
Line 1.1 · 28–36 px
And every choice tells a story
LabelSemibold 600 · uppercase
Tracking +16% · 13 px
Production film · 2026 · Brand guideline
BodyRegular 400 · sentence case
Line 1.6–1.75 · 17–19 px
Vue partners with brands, creators and organizations to produce refined visual content that is clear, impactful and strategically driven.

Zone 06  ·  Guideline Proposed usage

Colour & pattern

Primary palette

Select a swatch to copy its hex code.

Secondary palette

Colour balance Proposed

Charcoal carries the brand. White gives it air. Red is the accent that says “record”, so it stays small. Volt and orchid are highlights and never the main colour.

Volt 7%Orchid 3%

Readable pairings Proposed

Contrast ratios are calculated from the real hex values. Aim for 4.5 or higher for small text. Between 3 and 4.5 works for large headlines only.

Gradients Proposed

Taken from the cover and colour pages of the guideline. Copy the CSS to reuse them.

Patterns Proposed

The Patterns page in the original guideline is empty, so these three are new. They come straight from the logo: the 1x pixel grid, the vertical scan lines of the cover art and the stepped blocks of the U and E. Send me your own patterns and I will replace them.

Zone 07  ·  Guideline Proposed copy bank

Verbal identity

How the brand communicates through words: tone of voice, language style and messaging, consistent across everything written and spoken.

Story

Frame it with purpose

Every brand has a story, but only a few know how to frame it. At Vue, we turn ideas into scenes and moments into messages. Powerful visuals are not accidental. They are designed, directed and captured with purpose. From the first frame to the final cut, we create cinematic experiences that reflect your point of view and bring your brand to life.

Values

Perspective, design, craft

Perspective defines everything we create. Meaning is shaped by how a story is seen, so every project begins with a clear point of view. Our process is driven by intentional design, where nothing is random and every compositional and motion choice has a purpose. We uphold craft and precision from concept development to final delivery, while embracing innovation and advanced technologies, including AI, to expand creative possibilities without compromising quality.

Mission

Elevate visual communication

Our mission is to elevate visual communication through cinematic storytelling. Vue partners with brands, creators and organizations to produce refined visual content that is clear, impactful and strategically driven, always reflecting a distinct point of view.

Message

Every frame is a choice

At Vue, we believe that perspective defines meaning. Every visual we create is intentional, precise and driven by a clear point of view. Through cinematic storytelling, refined craft and innovative technologies, we transform ideas into visuals that communicate with clarity, emotion and impact. Every frame is a choice, and every choice tells a story.

Tone of voice

Vue communicates with clarity, confidence and intention. The tone is cinematic, thoughtful and refined, focused on meaning rather than noise. We speak with purpose, never randomly, and always from a clear point of view.

Words we like

  • Confident
  • Intentional
  • Cinematic
  • Precise
  • Creative
  • Professional
  • Innovative
  • Authentic

Words we don’t like

  • Overhyped
  • Generic
  • Artificial
  • Chaotic
  • Empty
  • Buzzwords
  • Trend-chasing

Audience persona

Vue speaks to filmmakers, content creators, photographers and visual storytellers who value perspective, creativity and professional visual expression. It also speaks to creative studios, agencies and individuals who want intentional, cinematic, high-quality visual content.

Filmmakers, content creators, photographers and visual storytellers
Creative studios, agencies

Say it like Vue Proposed

Three quick tests. Is it confident, is it specific, does it sound like a person with a point of view? These pairs show the difference.

VueEvery frame is a choice.
Not VueWe make amazing videos for you!!!
VueYour story, framed with intention.
Not VueCutting-edge, best-in-class content solutions.
VueFrom the first frame to the final cut.
Not VueGo viral fast with trending video hacks.

Short bio · 30 words

Vue FILM is a video production company. From the first frame to the final cut, we create cinematic visuals for brands, creators and organizations, always from a clear point of view.

Long bio · 70 words

Vue FILM is a video production company built on one belief: perspective defines meaning. We partner with brands, creators and organizations to produce refined visual content that is clear, impactful and strategically driven. Every composition and every motion choice is made with purpose, and we use innovative technologies, including AI, to expand what is possible without compromising quality. From the first frame to the final cut, we bring your point of view to life.

Writing the name

In running text write Vue FILM. In design use the logo. The tagline is One red pixel. Infinity frames., set in capitals when it is a graphic element and in normal capitalisation inside a sentence.

Zone 08  ·  Proposed

Imagery & motion

How Vue looks on screen. Frame it, mark it, move it.

Look

Low key

Deep charcoal shadows, never pure black. Let the frame breathe in the dark.

One red light

Red is the single accent, like a record light. Use it once per frame, not everywhere.

Horizontal first

The logo’s inverted orientation points to horizontal framing. Shoot wide, then crop for vertical on purpose.

Frame lab

Pick a format to see the safe areas, the thirds and the logo watermark placed by the brand rules: 6% of the frame height, with 4x clear space from the corner.

Production film · 2026One red pixel.
Infinity frames.
Format 16:9Delivery 1920 × 1080Logo height Clear space 53 px

Yellow dashed is action safe (93%). White dashed is title safe (90%). Keep text inside the white line.

On-screen graphics

Three building blocks for edits: lower third, title card and end slate. They all use the same red square, the same bold uppercase type and the same charcoal ground.

Name SurnameRole · Vue FILM
Lower third
Production film
Title
goes here
Title card

One red pixel. Infinity frames.

www.vuefs.com
End slate

Motion rules

Motion is intentional, never random. The red square appears in pixel steps, everything else wipes or cuts.

MoveTimingEasingUse
Pixel snap80–120 mssteps(2)Red square appearing or blinking
Wipe400–500 msFast out, soft landingBars, lower thirds, reveals
Text in300–400 msEase out, 8–12 px riseNames, titles, captions
Hold3–4 sNoneLower thirds stay on screen at least 3 s
Cut0 msHard cutDefault transition between shots

No bouncing, spinning or glitch overload. If a move does not carry meaning, remove it.

Zone 09  ·  Proposed

Social & digital

Profiles, posts, email and the website kit, all built from the same few parts.

Profiles

Square

Round crop

Use the charcoal square with the white logo. It keeps at least 35 px of height even in small circles.

AssetSizeNotes
Instagram post1080 × 13504:5 portrait. Keep text inside the middle 80%.
Instagram story / reel1080 × 19209:16. Leave the top and bottom 250 px clear for the app interface.
LinkedIn cover1584 × 3964:1. The profile logo covers the left edge, so keep it clear.
Profile picture400 × 400Square file. Platforms crop it to a circle.
YouTube thumbnail1280 × 72016:9. Keep the red square in the top right corner.
YouTube cover2560 × 1440Put the logo and tagline inside the central 1546 × 423 safe area.

Post templates

Four starting points. Big uppercase headline, the red square top right, the logo bottom left.

QuoteEvery frame is a choice
Charcoal · 4:5
New projectBehind the scenes
Red · 4:5
Now showingOut this week
Volt · 4:5
StoryOne red pixel. Infinity frames.
Glow · 9:16

Email signature

Short, aligned and the same for everyone. One logo with the red square blinking, then name, role and four contact lines (phone, email, web, location). Fill in the name and role for each person.

Your NameRole · Vue FILM
L
Building 14, Queen Mesbah St.
Amman – Jordan

The logo is 116 px wide, above the 35 px minimum height. Email apps do not run page animation, so in Gmail or Outlook use the blinking GIF from the logo kit (Vue-signature-logo.gif). Never stack a banner or quote below the signature.

Website & UI kit

Square corners everywhere, matching the pixel logo. The cursor is a single red square.

Buttons (live links)

Status

RecZone 03 / 10

Form field

Pixel cursor

Move your pointer here

Zone 10  ·  Guideline Proposed documents

Print & documents

Stationery

The stationery system carries the visual identity across physical and printed materials. Each piece is designed for clarity, consistency and professionalism, so the brand looks cohesive in every official communication.

Business card

Letterhead

Notebook

Presentation deck Proposed

Three master slides: cover, section divider and content. The footer repeats the three-part line from this guideline: brand, year, document.

Project
title
Cover
Section
name
02
Section divider
Slide title
Short lines of text in sentence case. One idea per slide, a clear point of view.
Vue FILM2026Proposal
Content

Proposal & invoice Proposed

Same grid, same type. The proposal cover is dark for impact, the invoice is white so it prints cleanly. Figures below are samples.

Project
proposal
Vue FILM2026Prepared forClient name
Proposal cover · A4
Invoice
ItemQtyAmount
Direction & shoot10,000
Edit & grade10,000
Motion graphics10,000
Total0,000
www.vuefs.com+962 79 000 9950
Invoice · A4 · sample figures

Before it leaves the studio

Eight checks for anything that carries the Vue FILM name.

0/8checks passed