OTTODesign System

Imagery

Style: OTTO red material

Precise, real-looking objects photographed like industrial design, in OTTO red and neutrals only. For section heroes, chapter openers and covers in a calm, professional register. Headline and logo are set in the layout, in OTTO Sans and from the original logo file, never in the picture.

The brief

style: professional product and industrial-design photography, editorial, calm, precise; real materials (matte powder-coated metal, uncoated paper, soft-touch plastic, anodised aluminium), crisp edges, small radii, no toy or clay look, no cartoon proportions
palette: OTTO red exactly #eb001f as the only colour; white #ffffff, light grey #f0f0f0, mid grey #d6d6d6 and near-black #212121 as neutrals; no other hues, no pastels, no gradients of colour
ground: seamless flat light grey #f0f0f0 studio sweep, no vignette; only when the motif names OTTO red #eb001f as the ground: a seamless flat OTTO red #eb001f sweep, the objects then white, light grey and near-black, with soft darker red shadows
composition: the motif sets the placement; when it does not, one object or one tight group placed in the right half, left 45 percent of the frame empty and calm; generous negative space
light: large soft window light from the top left, one soft natural contact shadow, subtle reflections on metal only
never: text, letters, numbers, logos, icons printed on objects, watermarks, confetti, glitter, neon, characters, faces, hands, pastel colours, clay, plasticine

The red in the picture stays within a colour difference of 8 (delta E) of OTTO red #eb001f. Every area where the red must be exact, such as type, logo and colour fields, is set in the layout.

Pictures in this style

Select a picture to see it at full size.

  • BrandBrand
  • ComponentsComponents
  • FoundationsFoundations
  • Getting startedGetting started
  • Home redHome red
  • HomeHome
  • HomeHome
  • ImageryImagery
  • PresentationsPresentations
  • ReferencesReferences
  • Rules redRules red
  • Rules redRules red
  • RulesRules
  • StorybookStorybook
  • TokensTokens