Conceptual Chromatic Field Utility showcase for the fictional SECTOR creative project coordination tool: a large color-zoned planning wall and tablet interface where each field clearly represents a project state.
All styles

Design direction / expressive

Chromatic Field Utility

Use large areas of color as functional orientation and emotional pacing, not decoration.

Choose this style

01 / Overview

Feels optimistic, contemporary, clear, with a deliberate rather than generic personality.

Signature move

Each major task or chapter owns a spatial color field that persists across navigation and content.

Intensity
expressive
Versatility
5 / 5
ID
chromatic-field-utility

02 / Example art

Chromatic Field Utility

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

Conceptual Chromatic Field Utility showcase for the fictional SECTOR creative project coordination tool: a large color-zoned planning wall and tablet interface where each field clearly represents a project state.
Use large areas of color as functional orientation and emotional pacing, not decoration.

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

education / consumer tech / media / community / retail / productivity

Business goals

orient / energize / organize / remember

A strong choice when

Strong when education, consumer tech, media, community need to orient, energize, organize 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
Broad contiguous zones, hard transitions, simple geometry, and content aligned to field boundaries.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Neutral high-contrast type that survives every field, with scale doing more work than ornament.
04Color
A deliberately non-monochrome set of tested fields with stable semantic and contrast roles.
05Imagery
Objects or people sit fully inside fields or break one boundary intentionally; avoid arbitrary duotones.
06Material
Flat pigment, painted wall, vinyl, or screenprint character rather than glossy gradients.
07Motion
Fields wipe, hand off, or reframe content while preserving reading order and reduced-motion parity.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual education, consumer tech, media context rather than copying a finished reference.

Accessibility

Preserve a visible reading order and sufficient working space. 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.

  • 01color field painting
  • 02hard edge
  • 03supergraphics
  • 04metro

Guardrail

Test every field for text, icon, data, and color-vision accessibility before assigning meaning.

07 / Agent recipe

chromatic-field-utility

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 Chromatic Field Utility, applied to SECTOR, a clearly fictional creative project coordination tool.
Scene/backdrop: a large color-zoned planning wall and tablet interface where each field clearly represents a project state.
Style/medium: A coherent contemporary design world, not a collage of references. Use large areas of color as functional orientation and emotional pacing, not decoration.
Composition/framing: Broad contiguous zones, hard transitions, simple geometry, and content aligned to field boundaries. Keep all important content inside an 8 percent safe margin.
Typography: Neutral high-contrast type that survives every field, with scale doing more work than ornament.
Color palette: A deliberately non-monochrome set of tested fields with stable semantic and contrast roles.
Imagery: Objects or people sit fully inside fields or break one boundary intentionally; avoid arbitrary duotones.
Materials/textures: Flat pigment, painted wall, vinyl, or screenprint character rather than glossy gradients.
Text (verbatim): "SECTOR". No other readable words.
Constraints: Original fictional concept; visibly applied to ui, brand, presentation; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: random rainbow sections, color as the only navigation cue, soft gradient mesh, 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: random rainbow sections.
  • Avoid: color as the only navigation cue.
  • Avoid: soft gradient mesh.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    MoMA — Color Field Painting

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

  2. 02

    Tate — Art Terms: Hard-Edge Painting

    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