Stylogeny combining Biobrand × DTC 'Blanding'

Try

Style combination · Pairs well

Biobrand × DTC 'Blanding'

The same airy white ground and quiet type, with photography replaced by a biological render; use blanding's calm packaging system to keep the render from overwhelming labels.

From the research on Biobrand (Organic Biotech CGI)

Mix them and make something Biobrand DTC 'Blanding'

homeBiobrand × DTC 'Blanding'2021 · 2012
A sample layout drawn from the recipe: shapes from Biobrand, their arrangement from Biobrand, the finish from Biobrand. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Biobrand (Organic Biotech CGI) DTC 'Blanding' / Millennial Minimalism

Type from DTC 'Blanding'
Colour from DTC 'Blanding'
Form from Biobrand
Composition from Biobrand
Surface from Biobrand

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · DTC 'Blanding'

Home

Hanken Grotesk, standing in for Circular (Laurenz Brunner, Lineto, 2013)

Text · Biobrand

The visual language of biotech and biomaterial start-ups: rendered cells, coral-like structures, terrariums and mycelial growth become a single glossy product metaphor, set apart on a quiet ground beside restrained sans or serif information type. Kazior frames it as replacing the cold look of Silicon Valley tech minimalism with squishy, bodily, living forms.

Inter; Biobrand used Louize (serif) and Basile Grotesque Pro, as reported in It's Nice That's coverage of the Geltor identity and Small factual sans-serif labels under a serif product name, as on the Geltor HumaColl21 packaging

03

The colours

The ground and leading colours come from DTC 'Blanding', with a counter-accent from Biobrand. The ink reads on the ground at 4.5:1 or more.

Biobrand (Organic Biotech CGI) DTC 'Blanding' / Millennial Minimalism

  • #faf7f2 ground · 36%
  • #2b2b2b ink · 14%
  • #d27c5d accent · 18%
  • #5c8fa8 accent · 14%
  • #f4cfc8 accent · 10%
  • #e6a8a0 accent · 8%

As CSS

:root {
  --ground: #faf7f2;
  --ink: #2b2b2b;
  --accent-1: #d27c5d;
  --accent-2: #5c8fa8;
  --accent-3: #f4cfc8;
  --accent-4: #e6a8a0;
  --font-display: "Hanken Grotesk", sans-serif;
  --font-text: "Inter", sans-serif;
}

Use it with care

Biobrand (Organic Biotech CGI): Do not let a beautiful organic render stand in for evidence: Kazior describes the idealisation of microbes as a speculative, profit-driven proposition and cautions against believing it will solve environmental problems; he also notes that biotech firms simplify complex science to persuade consumers and investors, and describes Seed's transparency as carefully crafted. Avoid green-nature or medical-efficacy implications you cannot substantiate.

05

More combinations

With Biobrand

With DTC 'Blanding'

All 18 combinations with DTC 'Blanding'

Every style combination