Skip to main content
You are offline. Pages you visited may still be available.
WebsiteKilat
Home
Services
01Landing Page02Company Profile03Online Catalog04Online StoreAll services
StylesProcessArticles
ID IndonesiaStart brief
ID
Conceptual Legal Modern showcase for the fictional PLAIN CASE plain-language legal advisory: a contemporary legal consultation table with a clear argument map, source clauses, risk levels, and next actions instead of courtroom symbols.
All styles

Design direction / restrained

Legal Modern

Communicate authority, argument, and procedural clarity without the visual costume of an old law firm.

Choose this style
01Overview02Example art03Website example04Fit05Design system06Background07Agent recipe08Sources & rights

01 / Overview

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

Signature move

A key clause or decision is visibly connected to its governing source and next procedural step.

Intensity
restrained
Versatility
4 / 5
ID
legal-modern

02 / Example art

Legal Modern

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

Conceptual Legal Modern showcase for the fictional PLAIN CASE plain-language legal advisory: a contemporary legal consultation table with a clear argument map, source clauses, risk levels, and next actions instead of courtroom symbols.
Communicate authority, argument, and procedural clarity without the visual costume of an old law firm.

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

legal / compliance / government / finance / insurance / professional services

Business goals

understand / decide / verify / act

A strong choice when

Strong when legal, compliance, government, finance need to understand, decide, verify 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
Argument, source, status, deadline, and next action stay visible through long or complex content.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Authoritative contemporary serif for argument, neutral sans for procedure, and exact citation hierarchy.
04Color
Ink and paper with one owned non-navy accent and strict semantic status colors.
05Imagery
People, place, documents, process, and subject evidence; avoid gavels, columns, and handshake stock.
06Material
Rules, tabs, folios, seals, and document edges appear only where they clarify provenance or state.
07Motion
Reveal definitions, compare revisions, and trace procedure without delaying access to text.

Adaptation

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

  • 01roman capitals
  • 02transitional serif
  • 03swiss
  • 04govuk design system

Guardrail

Use jurisdiction-correct terminology, accessibility, disclaimers, deadlines, and professional responsibility requirements.

07 / Agent recipe

legal-modern

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 Legal Modern, applied to PLAIN CASE, a clearly fictional plain-language legal advisory.
Scene/backdrop: a contemporary legal consultation table with a clear argument map, source clauses, risk levels, and next actions instead of courtroom symbols.
Style/medium: A coherent contemporary design world, not a collage of references. Communicate authority, argument, and procedural clarity without the visual costume of an old law firm.
Composition/framing: Argument, source, status, deadline, and next action stay visible through long or complex content. Keep all important content inside an 8 percent safe margin.
Typography: Authoritative contemporary serif for argument, neutral sans for procedure, and exact citation hierarchy.
Color palette: Ink and paper with one owned non-navy accent and strict semantic status colors.
Imagery: People, place, documents, process, and subject evidence; avoid gavels, columns, and handshake stock.
Materials/textures: Rules, tabs, folios, seals, and document edges appear only where they clarify provenance or state.
Text (verbatim): "PLAIN CASE". No other readable words.
Constraints: Original fictional concept; visibly applied to website, editorial, presentation; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: navy-and-gold law template, courthouse-column cliche, dense terms without plain-language structure, 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: navy-and-gold law template.
  • Avoid: courthouse-column cliche.
  • Avoid: dense terms without plain-language structure.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    V&A — トラヤヌス帝記念柱の石膏複製

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

  2. 02

    Cambridge Digital Library — バスカヴィルのパンチ

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

  3. 03

    Poster House — The Swiss Grid

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

  4. 04

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

    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
WebsiteKilat

Websites that are easier to start and understand.

ServicesStylesStart briefArticles
0851-550-30-200 [email protected]

© 2026 WebsiteKilat.

PrivacyTerms

Analytics only after you agree.

We use Google Analytics to see which calls to action are used. Brief answers and message content are never sent to analytics. Read privacy.