Conceptual Civic Signal showcase for the fictional CIVIC 27 municipal emergency service: a bright municipal response concourse with a wall-scale route system, public information kiosk, and mobile service screen.
All styles

Design direction / assertive

Civic Signal

Make public or high-trust information feel immediate, legible, and calmly authoritative rather than bureaucratic.

Choose this style

01 / Overview

Feels authoritative, public, trust, with a deliberate rather than generic personality.

Signature move

A persistent orientation rail pairs numbered wayfinding with one unmistakable action color.

Intensity
assertive
Versatility
5 / 5
ID
civic-signal

02 / Example art

Civic Signal

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

Conceptual Civic Signal showcase for the fictional CIVIC 27 municipal emergency service: a bright municipal response concourse with a wall-scale route system, public information kiosk, and mobile service screen.
Make public or high-trust information feel immediate, legible, and calmly authoritative rather than bureaucratic.

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

government / public service / transport / healthcare / nonprofit / utilities

Business goals

orient / inform / reassure / act

A strong choice when

Strong when government, public service, transport, healthcare need to orient, inform, reassure 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
Rigid route logic, visible section numbering, left-aligned modules, and explicit next actions.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Humanist or neo-grotesque sans with strong size contrast and plain-language labels.
04Color
Mostly neutral with one high-contrast service color and semantic status colors.
05Imagery
Objective documentary photography or functional pictograms only where they improve comprehension.
06Material
Flat durable surfaces, rules, maps, and signage-grade contrast rather than decorative cards.
07Motion
Short directional transitions that preserve location and never delay urgent action.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual government, public service, transport 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.

  • 01swiss
  • 02transit diagram
  • 03govuk design system
  • 04pictogram system

Guardrail

Adapt language, symbols, and service conventions to the actual jurisdiction and community.

07 / Agent recipe

civic-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 Civic Signal, applied to CIVIC 27, a clearly fictional municipal emergency service.
Scene/backdrop: a bright municipal response concourse with a wall-scale route system, public information kiosk, and mobile service screen.
Style/medium: A coherent contemporary design world, not a collage of references. Make public or high-trust information feel immediate, legible, and calmly authoritative rather than bureaucratic.
Composition/framing: Rigid route logic, visible section numbering, left-aligned modules, and explicit next actions. Keep all important content inside an 8 percent safe margin.
Typography: Humanist or neo-grotesque sans with strong size contrast and plain-language labels.
Color palette: Mostly neutral with one high-contrast service color and semantic status colors.
Imagery: Objective documentary photography or functional pictograms only where they improve comprehension.
Materials/textures: Flat durable surfaces, rules, maps, and signage-grade contrast rather than decorative cards.
Text (verbatim): "CIVIC 27". No other readable words.
Constraints: Original fictional concept; visibly applied to environment, website, ui; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: institutional grayness, tiny compliance text, branding that competes with emergency information, 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: institutional grayness.
  • Avoid: tiny compliance text.
  • Avoid: branding that competes with emergency information.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Poster House — The Swiss Grid

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

  2. 02

    London Transport Museum — Harry Beck's iconic design

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

  3. 03

    GOV.UK Design System — Styles(英国政府 Government Digital Service)

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

  4. 04

    AIGA — Symbol Signs

    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