← Prompt Library

type

{ "type": "scientific optical setup diagram", "main_setup": { "base": "optical breadboard table with grid of mounting holes", "beam": "red laser beam passing horizontally through all components", "top_gro

AI-generated demonstration · #082 · UI & UX Design · 16/9

type

Prompt

{
  "type": "scientific optical setup diagram",
  "main_setup": {
    "base": "optical breadboard table with grid of mounting holes",
    "beam": "red laser beam passing horizontally through all components",
    "top_grouping_brackets": [
      "{argument name=\"first component group\" default=\"Dual Modulation\"}",
      "4f Relay Optics",
      "Imaging Optics",
      "Detection"
    ],
    "components_left_to_right": [
      { "name": "Laser", "label": "{argument name=\"laser wavelength\" default=\"λ = 632.8 nm\"}", "appearance": "black rectangular box" },
      { "name": "SLM1", "label": "(Phase / Pol. Mod.)", "appearance": "black square device on post" },
      { "name": "Lens L1", "label": "(f1)", "appearance": "lens in black ring mount" },
      { "name": "Iris", "label": "Fourier Plane (Pupil Plane) / (Higher Orders Filtered)", "appearance": "black ring mount with dashed line above" },
      { "name": "HWP", "label": "(λ/2)", "appearance": "purple-tinted optic in black ring mount" },
      { "name": "Lens L2", "label": "(f1)", "appearance": "lens in black ring mount" },
      { "name": "SLM2", "label": "(Phase / Pol. Mod.)", "appearance": "black square device on post" },
      { "name": "Lens L3", "label": "(f2)", "appearance": "lens in black ring mount" },
      { "name": "Lens L4", "label": "(f2)", "appearance": "lens in black ring mount" },
      { "name": "Linear Polarizer", "label": "(Global Analyzer)", "appearance": "lens in black ring mount" },
      { "name": "Polarization Camera", "label": "POLARIZATION CAMERA", "appearance": "blue and black box camera" }
    ]
  },
  "inset_diagram": {
    "position": "bottom right, dashed border",
    "title": "{argument name=\"inset title\" default=\"Polarization Camera Micro-Polarizer Array\"} (Per-Pixel Analyzer)",
    "visuals": "4x4 grid of colored squares with white directional arrows",
    "legend_count": 4,
    "legend_labels": [
      "red right-arrow 0° (H)",
      "green up-arrow 90° (V)",
      "blue diagonal-arrow 45° (D)",
      "yellow diagonal-arrow 135° (A)"
    ]
  },
  "bottom_caption": {
    "figure_number": "Fig. 5.",
    "title": "{argument name=\"setup title\" default=\"Ellipsography Hardware Setup.\"}",
    "description": "{argument name=\"figure caption\" default=\"Our prototype display system employs a dual-modulation configuration to achieve simultaneous control of phase and polarization. A 4f relay optics setup transfers the modulated wavefront...\"}"
  }
}

Style Breakdown

Use spacing, type scale, and a clear primary action to establish hierarchy. Keep labels short and use invented account names and neutral navigation.

Recommended Parameters / Aspect Ratio

Start with the template aspect ratio 16/9 to preserve the demonstrated framing. Use a standard preview resolution first, then increase output size after the composition works. Model-specific steps and guidance values are not supplied for this example; use your selected provider's defaults and adjust one setting at a time. Results vary between models.

Review Your Result

Review button alignment, text legibility, and repeated component spacing at full size. A generated interface is a visual concept, not working software.

Use Case Scenarios

Use this exercise for early wireframe discussions or visual direction boards. Rebuild the approved layout in accessible HTML before testing it with users.

Templates demonstrate visual techniques. They are not evidence of real events or endorsements. Use fictional subjects and authorized materials. Report concerns to [email protected].

type — Prompt Tutorial | Artifex AI