Conceptual Modular Signal showcase for the fictional UNITA multi-format cultural network: a coherent family of posters, event screens, tickets, and wayfinding built from one transforming signal module.
All styles

Design direction / assertive

Modular Signal

Make a broad product ecosystem feel configurable and lively without dissolving into dashboard sameness.

Choose this style

01 / Overview

Feels contemporary, product, confident, with a deliberate rather than generic personality.

Signature move

Modules connect through a visible signal path that changes with the user's current goal.

Intensity
assertive
Versatility
5 / 5
ID
modular-signal

02 / Example art

Modular Signal

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

Conceptual Modular Signal showcase for the fictional UNITA multi-format cultural network: a coherent family of posters, event screens, tickets, and wayfinding built from one transforming signal module.
Make a broad product ecosystem feel configurable and lively without dissolving into dashboard sameness.

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

saas / enterprise / marketplace / creator tools / education / productivity

Business goals

organize / configure / connect / scale

A strong choice when

Strong when saas, enterprise, marketplace, creator tools need to organize, configure, connect 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
Variable modules share explicit alignment and connection logic; one workflow remains dominant.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Compact sans with bold section labels and a secondary data face where needed.
04Color
A neutral operating field plus distinct functional signals, not a rainbow assigned arbitrarily to cards.
05Imagery
Product objects, diagrams, or participant media inhabit modules at useful scale.
06Material
Crisp joined planes, tabs, rails, and connectors rather than detached floating cards.
07Motion
Modules reconfigure along visible paths so users understand what moved and why.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual saas, enterprise, marketplace context rather than copying a finished reference.

Accessibility

Use progressive disclosure, stable alignment, and generous line spacing for dense information. 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.

  • 01bento grid
  • 02pictogram system
  • 03supergraphics
  • 04metro

Guardrail

Let user goals determine module priority; do not make configurability a substitute for information architecture.

07 / Agent recipe

modular-signal

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 Modular Signal, applied to UNITA, a clearly fictional multi-format cultural network.
Scene/backdrop: a coherent family of posters, event screens, tickets, and wayfinding built from one transforming signal module.
Style/medium: A coherent contemporary design world, not a collage of references. Make a broad product ecosystem feel configurable and lively without dissolving into dashboard sameness.
Composition/framing: Variable modules share explicit alignment and connection logic; one workflow remains dominant. Keep all important content inside an 8 percent safe margin.
Typography: Compact sans with bold section labels and a secondary data face where needed.
Color palette: A neutral operating field plus distinct functional signals, not a rainbow assigned arbitrarily to cards.
Imagery: Product objects, diagrams, or participant media inhabit modules at useful scale.
Materials/textures: Crisp joined planes, tabs, rails, and connectors rather than detached floating cards.
Text (verbatim): "UNITA". No other readable words.
Constraints: Original fictional concept; visibly applied to brand, campaign, website; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: bento grid as decoration, equal-weight card soup, color-coded modules without semantic logic, 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: bento grid as decoration.
  • Avoid: equal-weight card soup.
  • Avoid: color-coded modules without semantic logic.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Apple Developer — MosaicLayout

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

  2. 02

    AIGA — Symbol Signs

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

  3. 03

    SFMOMA — Barbara Stauffacher Solomon

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

  4. 04

    Microsoft Design

    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