Conceptual Organic Systems showcase for the fictional MYCEL circular materials research lab: a living network visualization connecting mycelium samples, material tests, and circular production flows in one coherent laboratory world.
All styles

Design direction / expressive

Organic Systems

Explain growth, adaptation, and interdependence through forms that behave like a living system.

Choose this style

01 / Overview

Feels optimistic, scientific, human, with a deliberate rather than generic personality.

Signature move

A branching or cellular structure changes shape as the user's understanding deepens.

Intensity
expressive
Versatility
4 / 5
ID
organic-systems

02 / Example art

Organic Systems

Original artwork establishes the direction's visual language before it is translated into an interface.

Conceptual Organic Systems showcase for the fictional MYCEL circular materials research lab: a living network visualization connecting mycelium samples, material tests, and circular production flows in one coherent laboratory world.
Explain growth, adaptation, and interdependence through forms that behave like a living system.

03 / Website example

Try the page as a working experience

Explore this responsive page directly inside the catalog. Its primary navigation, controls, and interactions are live; open it full screen to experience the original composition.

Examples are in production

The direction is available now. Its brand websites are being built as independent sites and will appear here during local production.

04 / Fit

Suitable for

Suitable for

biotech / healthcare / climate / education / food / community

Business goals

explain / connect / grow / reassure

A strong choice when

Strong when biotech, healthcare, climate, education need to explain, connect, grow through a memorable but repeatable visual system.

Avoid when

Avoid when the brief needs complete visual neutrality or when this direction would compete with essential information and actions.

05 / Design system

Design system

Rules that should remain coherent as content, devices, and business needs change.

01Composition
Branching clusters, nested scales, and negative space that reveal relationships without losing orientation.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Clear humanist typography held on a rational baseline against fluid visual structures.
04Color
Diverse ecological hues anchored by strong neutrals; avoid default green sustainability branding.
05Imagery
Macro biology, real ecosystems, diagrams, or generated forms tied to actual system behavior.
06Material
Membranes, fibers, cells, water, and growth patterns rendered with physical specificity.
07Motion
Propagation, branching, and adaptation illustrate cause; never use purposeless drifting blobs.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual biotech, healthcare, climate context rather than copying a finished reference.

Accessibility

Preserve a visible reading order and sufficient working space. Provide an equivalent reduced-motion state. Meet WCAG AA contrast, visible focus, 44px targets, and never encode meaning through color or style alone.

06 / Background

Background

These lineages are source-linked research doors, not permission to copy a particular work or brand.

  • 01biomorphism
  • 02generative art
  • 03naturalistic planting
  • 04visual music

Guardrail

Scientific or ecological forms must correspond to real relationships when used to explain data.

07 / Agent recipe

organic-systems

Use the stable ID and recipe to give design agents the same context. Always adapt the output to the real business.

Prompt recipe

Use case: stylized-concept
Asset type: Aesthetic Directions Encyclopedia showcase, 3:2 landscape master
Primary request: Create one polished freeform showcase for Organic Systems, applied to MYCEL, a clearly fictional circular materials research lab.
Scene/backdrop: a living network visualization connecting mycelium samples, material tests, and circular production flows in one coherent laboratory world.
Style/medium: A coherent contemporary design world, not a collage of references. Explain growth, adaptation, and interdependence through forms that behave like a living system.
Composition/framing: Branching clusters, nested scales, and negative space that reveal relationships without losing orientation. Keep all important content inside an 8 percent safe margin.
Typography: Clear humanist typography held on a rational baseline against fluid visual structures.
Color palette: Diverse ecological hues anchored by strong neutrals; avoid default green sustainability branding.
Imagery: Macro biology, real ecosystems, diagrams, or generated forms tied to actual system behavior.
Materials/textures: Membranes, fibers, cells, water, and growth patterns rendered with physical specificity.
Text (verbatim): "MYCEL". No other readable words.
Constraints: Original fictional concept; visibly applied to brand, data-viz, website; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: green gradient eco branding, floating biomorphic blobs, nature metaphors that misrepresent the science, real logos, watermarks, artist imitation, generic mood board, illegible filler text.
Pilot refinement: Make one dominant integrated real-world application readable at thumbnail scale. Secondary views may support it but must remain subordinate. Do not create an equal-weight tiled mood board or generic presentation collage unless sequencing is essential to the direction. Render the exact requested text correctly and do not invent other readable copy.

Working constraints

  • Use one coherent direction grammar, not a collage of style references.
  • Use only a fictional business and minimal exact text.
  • Do not imitate a living artist, real brand, client project, or proprietary campaign.
  • Preserve essential hierarchy, legibility, contrast, and reduced-motion equivalence.
  • Avoid: green gradient eco branding.
  • Avoid: floating biomorphic blobs.
  • Avoid: nature metaphors that misrepresent the science.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Cooper Hewitt — Organic Ashtray

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  2. 02

    Victoria and Albert Museum Collections, Georg Nees, Schotter

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  3. 03

    Piet Oudolf — official site

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  4. 04

    Center for Visual Music

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

The choice will be carried into the Quick Brief and can still be removed before sending.

Choose this style