Full logo
Use on covers, title cards, signage, proposals, and formal brand material.
Brand identity guide
HMAYED Brand Guide
Visual identity for a video production company. The system uses a condensed wordmark, open camera corners, and a restrained dark and light palette.
01 · Logo system
Primary marks
The full logo is the main brand signature. Use the wordmark where height is limited. Use the H symbol for profile images, browser icons, watermarks, and compact placements.
Dark logo on light
Light logo on dark
Wordmark
H symbol
Wordmark
Use in narrow headers, production credits, and small horizontal spaces.
H symbol
Use for favicons, social profiles, video watermarks, and equipment labels.
02 · Spacing and scale
Clear space
Keep text, images, and page edges outside the protected area. The corner length sets the minimum clear space on every side of the logo.
Clear space
Use one corner length as the minimum protected area around the logo.
Digital size
Below 160 pixels wide, use the wordmark or the H symbol.
Print size
Keep the full logo at least 40 millimetres wide for normal print work.
03 · Color system
Core palette
The two supplied colors are the main palette. Slate and Mist support captions, dividers, diagrams, and interface structure.
Primary dark
HMAYED Black
HEX · #1F1C1D
RGB · 31 · 28 · 29
CMYK · 0 · 10 · 6 · 88
Primary light
HMAYED Ivory
HEX · #F0F0EB
RGB · 240 · 240 · 235
CMYK · 0 · 0 · 2 · 6
Support
Slate
HEX · #8A8787
Captions and secondary copy
Support
Mist
HEX · #D8D8D2
Lines and soft panels
70 percent HMAYED Black
30 percent HMAYED Ivory
04 · Typography
Type system
Roboto Condensed Bold is used for titles and short statements. Inter is used for body copy, captions, navigation, and production information. Both fonts are embedded in this file.
HMAYED video production
HMAYED creates video for commercial, editorial, and personal projects. Copy should remain direct, clear, and easy to read.
Hero
HMAYED Brand Guide
96 to 160 px
Section title
Video production
52 to 88 px
Subheading
Production for film and digital use.
18 to 24 px
Body
Use calm spacing and short paragraphs for supporting information.
15 to 18 px
Labels
Project · Category · Date
9 to 12 px
05 · Iconography
Icon style
The icon set uses selected Lucide symbols. The original vectors are placed inline and styled with square line ends, consistent weight, and the HMAYED colors.
Camera
Video
Playback
Editing
Sound
Lighting
Film
Icon source · Lucide. Use dark icons on light surfaces and light icons on dark surfaces.
06 · Favicon and profile image
Small mark
The H symbol is simplified for small sizes. It remains clear in browser tabs, mobile shortcuts, and social profile images.
16 px
32 px
48 px
180 px
07 · Motion and video
Motion system
The examples below animate automatically. The logo uses a corner draw followed by a wordmark reveal. The lower third enters from the left and leaves without scaling or rotation.
Logo animation
Lower third animation
Muhamad Hmayed
Director · HMAYED Video Production
The two corners appear first and establish the frame.
The wordmark enters through a horizontal mask.
Use a short fade or direct cut. Avoid bounce, spin, and glow.
08 · Applications
Digital layouts
Use one clear image, one main message, and one brand signature. Keep generous empty space and avoid crowded promotional layouts.
Commercial film
Behind the scenes
09 · Logo use
Keep it consistent
Use the approved colors, preserve the logo proportions, and maintain clear contrast. Do not add effects or change the construction.
Approved✓
Use the original proportions with the approved dark and light colors.
Do not stretch×
Resize the logo proportionally. Do not widen or compress it.
Do not recolor×
Do not introduce bright colors or gradients inside the logo.
Do not add effects×
Do not use shadows, glows, outlines, bevels, or three dimensional treatment.