tl.thinkingdbx.com · design review

Pick a direction for the playground

Four takes on the same editor-and-output playground. All run the core language in-browser via WebAssembly. Click any one to open it full-screen and try the Run button.

A · Claude Light

warm · stacked

Off-white paper, terracotta accent, serif display type. Editor card on top, output below. Calm and editorial — closest to claude.com.

Open design A →

B · Carbon Dark

IDE · split

Developer-first dark IDE. Editor left, output right, status bar below. Mono everywhere, mint accent. The Rust/Go playground feel, refined.

Open design B →

C · Editorial

landing · marketing

Hero headline, install pill, glow gradients, then an embedded playground and feature row. Doubles as the homepage — best for launch.

Open design C →

D · Neo Terminal

minimal · mono

Near-black, single column, REPL-style prompt with a blinking cursor. Ultra-minimal and hacker-honest. Tiny footprint, fast to build.

Open design D →

These are static visual mockups — the Run buttons reveal pre-baked output to convey the feel. Next step once you pick: wire the real tl-wasm runtime into a live CodeMirror editor (⌘↵ → Web Worker → output), add the examples gallery, share-via-URL and inline type-check. Mix-and-match welcome (e.g. “C’s hero + B’s split editor”).