Smart Data Hub
Brand Kit /

Imagery

How photographs are treated, and where the pattern belongs.

Photography

Photographs are recoloured black and white, then given a 25% gradient overlay in Mauve Ink that runs from transparent to full, bottom to top or at 45 degrees. The treatment is what makes unrelated photos sit together.

1 · Start
Original image in full colour
Original, in full colour.
2 · Black and white
The same image in black and white
Remove all colour.
3 · The overlay layer
Mauve Ink, 0 to 100%, rising. The layer sits at 25%.
4 · Result
The black and white image with the Mauve Ink gradient laid over it, deepest at the bottom
Photos from any shoot now sit together.

This demo uses a character scene as a stand-in. Character art is full-colour 3D illustration and is exempt from the treatment.

The data pattern

The node-and-grid pattern is a background accent, used sparingly. It never becomes the focal point of a layout.

The pattern up close: nodes and links on Mauve.
And at the corner: always behind the message, never centred.

Do and don't

Do

  • Lead with Mauve #322045; use Sunset #FE6E4E as the signature accent and CTA color (hover #E85A3A, active Rust #83230E)
  • Keep sage / light-mauve accents supportive and contextual, never dominant
  • Recolor photography to black & white with a 25% gradient overlay (0→100% vertical or 45°, up)
  • Use the brand data-pattern sparingly as a background accent only

Don't

  • No off-palette colors
  • No substitute typefaces (only Space Grotesk + DM Sans; Arial for client-facing docs)
  • No warm/full-color photography treatments
  • No brand pattern used as a focal point
  • No recoloring, stretching, or outlining the logo lockup