CAMPAIGNS · EVENTS · CULTURE

Cinematic campaign design

Dark environments. Electric light. Bold type. Human presence. A visual language for posters, employee stories, event campaigns, wallpapers, and brand films.

The identity stays consistent: approved logo artwork, precise messaging, and a clear focal point. The campaign treatment adds atmosphere and emotion around that foundation.

Brand atmosphere: deep space, architectural scale, a quiet logo area, and a single illuminated subject.

Choose the treatment for the job

Technical communication

Reports, diagrams, data, proposals, and product interfaces prioritize clarity. Use restrained surfaces, predictable structure, and quiet accents. The existing Colors, Typography, Foundations, and Components tabs define this system.

Cinematic campaigns

Social posts, event promotions, team stories, wallpapers, and brand films may use full-frame dark environments, portraits, cultural imagery, texture, and controlled glow. Use this page to brief and review that work.

A shared identity with a wider campaign palette

Signature blue and secondary teal remain the core brand colors. Campaign lighting adds cyan, violet, and lavender on dark foundations. These production tokens provide a repeatable starting point; photographic light and gradients naturally contain intermediate colors.

{palette.map(([name,hex,role])=>

{name}

{hex}

{role}

)}

Selective headline emphasis

Cybersecurity engineering
Absurdly technical.

Keep the rest of the headline white. Avoid gradients on long paragraphs, small labels, and fine-print details.

Six rules for a recognizable campaign

{principles.map(([n,title,body])=>{n}

{title}

{body}

)}

For a square portrait post, start with roughly 4–6% outer margins and a 55/45 text-to-subject split, then adjust for the photograph and headline. Keep one focal subject and one dominant message. These are starting proportions, not rigid templates.

How the language works in a finished composition

Read these examples for hierarchy, framing, light, and portrait treatment. For a new campaign, supply its own approved wording, people, dates, and permissions.

{[ ["Employee spotlight","assets/design-language/employee-spotlight.png","An employee spotlight showing a right-anchored portrait, bold white and blue name, and illuminated angular frame","The name establishes hierarchy. A large portrait anchors the right side, while a quiet technical background and thin illuminated rules organize the supporting story."], ["Team introduction","assets/design-language/team-introduction.png","A team introduction combining a natural portrait, blue-lit city, samurai silhouette, and structured skill labels","The portrait remains natural. Cultural imagery sits behind the person, and repeated labels, icons, and edge lighting create a coherent structure."], ].map(([title,src,alt,caption])=>

{alt} — {title}
{caption}
View full-size reference

)}

Event and partner compositions

Reserve a clear top zone for approved marks. Keep event details in one high-contrast panel. Use an angular photo window for recaps, or a portrait-led split for speaker promotions. Show one date/location group and one action. Partner artwork follows its own usage rules.

Brand film and motion

Animate a small number of line sweeps, light accents, or depth layers. Let the subject and headline settle before the next idea. Keep essential text stable long enough to read, avoid strobing, and preserve the message with sound off. Use a steady final logo and CTA hold.

A starting brief for your creative partner

        <p className="mt-4" style={{fontSize:15,lineHeight:1.65,color:BRAND.ink.muted}}>Add the campaign objective, audience, final copy, required assets, output dimensions, CTA, deadline, and approver. The creative direction is reusable; those project decisions change each time.</p>
      </section>
    </div>
  );
};
window.DesignLanguageTab = DesignLanguageTab;