WebsiteKilat
ID
Conceptual Post-Internet Utility showcase for the fictional RAW STATUS independent infrastructure monitor: a functional web status page where timestamps, URLs, logs, and system metadata form the visible identity.
All styles

Design direction / radical

Post-Internet Utility

Use the directness and friction of the open web to make a creative digital product feel authored and alive.

Choose this style

01 / Overview

Feels experimental, technical, cultural, with a deliberate rather than generic personality.

Signature move

A visible system action becomes part of the composition without pretending to be a glitch.

Intensity
radical
Versatility
3 / 5
ID
post-internet-utility

02 / Example art

Post-Internet Utility

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

Conceptual Post-Internet Utility showcase for the fictional RAW STATUS independent infrastructure monitor: a functional web status page where timestamps, URLs, logs, and system metadata form the visible identity.
Use the directness and friction of the open web to make a creative digital product feel authored and alive.

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

creative tools / ai / culture / media / music / developer tools

Business goals

experiment / create / publish / differentiate

A strong choice when

Strong when creative tools, ai, culture, media need to experiment, create, publish 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
Browser-native flow, exposed state, abrupt but logical hierarchy, and content that resists decorative containers.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
System, mono, or deliberately awkward display type paired with rigorous readable content typography.
04Color
Browser primaries, raw contrast, and one owned synthetic signal rather than default neon darkness.
05Imagery
User artifacts, live output, scans, captures, and web-native media with visible origin.
06Material
Selection states, underlines, cursors, windows, and compression artifacts used as functional language.
07Motion
Immediate state change, live generation, and intentional interruption; no fake loading or random glitch.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual creative tools, ai, culture context rather than copying a finished reference.

Accessibility

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

  • 01web brutalism
  • 02net art
  • 03emigre
  • 04glitch

Guardrail

Keep semantic structure, keyboard access, and clear error recovery even when the surface is confrontational.

07 / Agent recipe

post-internet-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 Post-Internet Utility, applied to RAW STATUS, a clearly fictional independent infrastructure monitor.
Scene/backdrop: a functional web status page where timestamps, URLs, logs, and system metadata form the visible identity.
Style/medium: A coherent contemporary design world, not a collage of references. Use the directness and friction of the open web to make a creative digital product feel authored and alive.
Composition/framing: Browser-native flow, exposed state, abrupt but logical hierarchy, and content that resists decorative containers. Keep all important content inside an 8 percent safe margin.
Typography: System, mono, or deliberately awkward display type paired with rigorous readable content typography.
Color palette: Browser primaries, raw contrast, and one owned synthetic signal rather than default neon darkness.
Imagery: User artifacts, live output, scans, captures, and web-native media with visible origin.
Materials/textures: Selection states, underlines, cursors, windows, and compression artifacts used as functional language.
Text (verbatim): "RAW STATUS". No other readable words.
Constraints: Original fictional concept; visibly applied to website, ui, brand; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: inaccessibility as authenticity, random glitch filters, unstyled HTML presented as a complete concept, 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: inaccessibility as authenticity.
  • Avoid: random glitch filters.
  • Avoid: unstyled HTML presented as a complete concept.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Brutalist Websites

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

  2. 02

    Rhizome ArtBase

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

  3. 03

    Emigre

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

  4. 04

    Pinakothek der Moderne, Munich — “Glitch: The Art of Interference” (1 Dec 2023 – 17 Mar 2024), curated by Franziska Kunze

    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