VISUAL GUIDE · IMAGERY

Image standards

How photography enters the Linked Promo brand system: which photos to choose, how to overlay them with brand blue, the chevron-reveal composition for hero and event cards, platform crops, and what to avoid. Photography is always cool, high-contrast and slightly desaturated — never warm, golden-hour or oversaturated.

ToneCool / neutral. Slight desaturation (saturate 0.85–0.90). No warm orange or amber casts.
SubjectReal people, real rooms, real moments. No stock-perfect smiles, no isolated handshake clichés.
OverlayBrand blue at 30 / 65 / 90% opacity, mix-blend-mode: multiply. Three strengths, nothing in between.
CompositionSubject in the right half. Left half kept for blue overlay + copy. Chevron reveals the seam.

01 · TONEPhotography style

Three approved looks vs three to avoid. The brand reads dark, geometric and a little cinematic — think conference floor at dusk, not a backlit team huddle.

Use
Cool industrialConference floor, exposed structure
Use
Studio neutralEven, slightly cool lighting
Use
Office at nightSingle light source, blue cast
Avoid
Warm / golden hourAmber tones fight brand blue
Avoid
Beige stockGeneric agency-stock warmth
Avoid
Hyper-saturatedRainbow gradients, sat >1.2

02 · OVERLAYBrand-blue overlay treatment

Photography is rarely shown raw. A rgba(33, 52, 234, X) layer with mix-blend-mode: multiply ties imagery to brand color. Three approved strengths; never in between.

SubtlePhoto led · feature stories
30%
BalancedDefault for hero & case-study
65%
SolidCopy-heavy hero · email banners
90%

03 · BASE COMPOSITIONChevron reveal — hero & event card

The flagship Linked Promo composition. A single full-bleed surface split by a chevron-shaped clip-path. Left surface = solid brand blue (where text lives). Right surface = photograph, full-bleed. The chevron is the EDGE between them, with a 3D bevel (dark-navy wall offset right + down) and a 2-px white rim outline.

NEW ON THE TEAM

Welcome,
Maksym.

Senior researcher. 8 years building outbound for B2B SaaS in EMEA. He owns ICP definition and list quality.

LINKEDIN.COM / IN / MAKSYM
Brand chevron Verbatim polygon from Background social.svg — 6 vertices, filled #2134EA. Top & bottom touch banner edges, outer tip lands at ~55% width.
Echo lines Two 3-px white strokes from (233,0)→(535,540) and (233,1080)→(535,540). Drawn AFTER the polygon so they render on top — brand signature.
Photo Full bleed underneath. Visible to the right of the chevron's outer tip (~45% of banner width).
Scale Non-uniform scale(2.1 1) stretches the chevron horizontally to satisfy both “tip at 55%” and “top/bottom touching edges”. Strokes stay 3px via non-scaling-stroke.
Awaiting approval Base composition rebuilt per the hero-banner spec: two surfaces only (blue + photo), chevron-shaped clip-path edge, 3D bevel, white rim, no decorations. Once approved we'll derive platform variations (16:9, 1:1, 9:16, 4:3) from the same geometry.

05 · RULESDo & Don't

Do USE

  • Cool, slightly desaturated photography (sat 0.85–0.90).
  • Subject framed in the right half. Left held for blue overlay.
  • Brand-blue overlay at 30, 65 or 90% opacity — never freehand.
  • Chevron seam between blue panel and photo on hero / event cards.
  • One network-mesh accent in a corner (max 60% opacity).
  • Real people, real rooms, real moments — even if imperfect.

Don't AVOID

  • Warm or golden-hour photos — amber fights brand blue.
  • Mixing two pattern families (mesh + chevron) on the same image.
  • Saturation above 1.2 — never neon, never rainbow gradients.
  • Overlaying text on the photo side. Headlines live in the blue zone.
  • Generic stock with isolated handshakes, perfect smiles, white backdrops.
  • Soft tilt-shift, heavy bokeh or "cinematic" letterbox bars added in post.