# Wiki visual exploration prompts

All images below were generated with the built-in image-generation tool.
The dark and Mermaid studies used earlier generated mockups as visual inputs.
The three ungrounded studies used no reference image.

## Blue-black archive dark theme

```text
Use case: ui-mockup
Asset type: high-fidelity dark-theme desktop wiki interface, 1440x1000
Input images: use the supplied knowledge-atlas and rendering-component mockups
only for product functions and information density.
Primary request: create a distinctive dark theme for the Field Notes research
wiki that feels like a blue-black archival reading room rather than a generic
developer tool. Keep long prose exceptionally readable and give each
ontological note type its own small, recognizable icon.
Subject: article "Case for privacy and security", searchable library, pinned
notes, compact metadata, page outline, backlinks, one callout, and a small
Mermaid diagram. Icons: concept is connected nodes, source is a cited document,
entity is a hexagonal identity mark, synthesis is layered pages, index is a
compass, and meta is a gear.
Style/medium: realistic implementable HTML and CSS product UI; restrained,
editorial, archival, and calm.
Color palette: #10151c canvas, #18212a navigation, #202b35 raised surface,
#edf0ed primary text, #aeb8bd secondary text, #82c8c0 links, #e09a72 warm active
accent, #79add1 source, #ab94c5 entity, #91b88d index, #d8ad61 warning, and
#dc7d78 unresolved or stale. Avoid green-black and purple-black backgrounds.
Text (verbatim): "FIELD NOTES", "Library", "Search the wiki", "Pinned",
"Case for privacy and security", "Synthesis", "Stable", "On this page",
"Referenced by".
Constraints: color never carries type alone; strong contrast; no gradients,
pure black, neon, glassmorphism, glow, fake analytics, illustrations, logos,
watermarks, or impossible effects.
```

## Midnight vellum dark-theme alternative

```text
Use case: ui-mockup
Asset type: high-fidelity dark-theme desktop wiki interface, 1440x1000
Input images: preserve the functions of the supplied knowledge-atlas and
rendering-component mockups while redesigning their dark colors and note types.
Primary request: make Field Notes feel like warm midnight vellum: literary,
tactile, and quiet, without sacrificing contrast or becoming brown-on-black.
Subject: the same realistic note-reading screen, with searchable library,
pinned notes, type icons, compact metadata, page outline, backlinks, semantic
callouts, and a small Mermaid diagram.
Style/medium: shippable HTML and CSS interface, refined archival editorial UI.
Color palette: #171614 canvas, #211f1c article, #eee9df primary text, #b9b1a5
secondary text, #70b7aa teal, #d38a61 copper, #78aeca source, #aa8cb8 entity,
#d6a85f warning, and #d87872 unresolved or stale. Avoid green-tinted
backgrounds.
Text (verbatim): "FIELD NOTES", "Library", "Search the wiki", "Pinned",
"Case for privacy and security", "Concept", "Source", "Entity", "Synthesis",
"On this page", "Referenced by".
Constraints: no gradients, pure black, neon, green-black surfaces,
glassmorphism, illustrations, logos, watermarks, or impossible effects.
```

## Mermaid visual language

```text
Use case: ui-mockup
Asset type: high-fidelity diagram-system board for a serious research wiki
Input images: use the selected blue-black archive interface and the prior
rendering-component board as product context.
Primary request: invent a coherent, stylish, implementable visual language for
Mermaid diagrams that works in both light and dark themes and communicates
ontology without depending on color.
Subject: show four diagrams: an evidence flow, a trust-boundary architecture,
a branching decision path, and a curated story graph. Give concept, source,
entity, synthesis, index, question, and meta nodes distinct but restrained
shapes and small icons. Demonstrate edge labels, semantic line styles, groups,
notes, a compact legend, and clear hierarchy.
Style/medium: precise SVG-feasible information design, editorial rather than
corporate, beautiful enough for a scholarly publication but practical for a
web app.
Composition/framing: split light and blue-black dark specimens with generous
space; diagrams remain legible at article width.
Constraints: no gradients, neon, glow, 3D, decorative illustration, tangled
crossings, tiny labels, or effects Mermaid and CSS could not reproduce.
```

## Dense graph viewer

```text
Use case: ui-mockup
Asset type: fullscreen dense knowledge-graph viewer, 1440x1000
Input images: use the selected blue-black archive interface and the Mermaid
visual-language board as visual context.
Primary request: show how a 45-60 node wiki graph can feel calm, navigable, and
editorially designed instead of looking like a generic network visualization.
Subject: a complete graph with ontology-specific shapes and icons, weighted
node hierarchy, readable labels, restrained edge bundling, a collapsible legend,
small minimap, search, counts, and controls for Zoom out, Zoom in, Fit, 100%,
and Fullscreen.
Style/medium: implementable SVG and HTML interface using the blue-black archive
palette: #10151c, #18212a, #202b35, #edf0ed, #aeb8bd, #82c8c0, #e09a72,
#79add1, #ab94c5, #91b88d, #d8ad61, and #dc7d78.
Composition/framing: one dominant graph canvas with a strong focal cluster and
progressively quieter peripheral branches; controls stay compact.
Constraints: no sci-fi HUD, glow, gradients, decorative particles, fake
analytics, illegible labels, or impossible graph interactions.
```

## Ungrounded spatial reading desk

```text
Use case: ui-mockup
Asset type: original desktop knowledge-work interface, 1440x1000
Primary request: invent an original visual design from first principles. Do not
imitate common documentation sites, Notion, Obsidian, GitBook, or a conventional
three-column docs layout. Design a filesystem-first personal wiki for long
reading, searching about 170 notes, pinning, ontological types, backlinks,
section navigation, and diagrams.
Concept: a spatial, tactile reading-desk metaphor in which an open note is the
primary object, pinned notes are nearby working cards, and connections can be
opened as an intentional mode rather than constant chrome.
Style/medium: realistic and implementable web product UI, quiet, intellectual,
material without skeuomorphic excess.
Text (verbatim): "Case for privacy and security", "Pinned", "Concept",
"Source", "Entity", "Synthesis", "Connections".
Constraints: keep prose genuinely readable; avoid a standard left sidebar plus
center card plus right table of contents; no gradients, glassmorphism, fake
analytics, photos, logos, watermarks, or impossible interactions.
```

## Ungrounded editorial folio

```text
Use case: ui-mockup
Asset type: original desktop wiki interface, 1440x1000
Primary request: design a personal research wiki from the visual traditions of
editorial magazines, scholarly apparatus, museum catalogues, and reference
books rather than from wiki or documentation conventions.
Concept: explore folios, running heads, tabs, index marks, footnote rails,
typographic marginalia, catalogue stamps, and a beautifully controlled reading
measure. Search, about 170 notes, pinning, ontology, sources, backlinks, section
navigation, and graph access must still be practical.
Style/medium: high-fidelity implementable web UI; original, typographic,
scholarly, and contemporary rather than nostalgic.
Text (verbatim): "Case for privacy and security", "Pinned", "Sources",
"Referenced by", "On this page", "Open graph".
Constraints: do not use the standard left-sidebar, center-card, right-TOC
template; no gradients, glassmorphism, photos, illustrations, fake analytics,
logos, watermarks, or impossible interactions.
```

## Ungrounded graph focus

```text
Use case: ui-mockup
Asset type: original graph-native desktop wiki interface, 1440x1000
Primary request: imagine a wiki where ambient relationships are first-class but
focused reading remains excellent. Do not use a familiar documentation layout.
Let a canvas, lens, map, constellation, or split-focus environment organize
navigation, while an article can still become calm and dominant when selected.
Subject: about 170 notes, search, pinned notes, ontology-specific concept,
source, entity, and synthesis markers, backlinks, section navigation, and a
focused article titled "Case for privacy and security".
Style/medium: high-fidelity implementable web-product design; restrained,
editorial, spatial, and information-rich without becoming a sci-fi graph toy.
Text (verbatim): "Case for privacy and security", "Pinned", "Search",
"Concept", "Source", "Entity", "Synthesis", "Focus", "Map".
Constraints: the graph organizes navigation rather than decorating it; no
conventional docs layout, gradients, glow, glassmorphism, fake analytics,
photos, logos, watermarks, or impossible interactions.
```
