tristanlkw
Orphe

Mar – Sep 2025 · 7 mos · Web Application

Orphe

An app for businesses to play GEMA-free (license free) music in EU countries.

UI/UX

Overview

Synapse started as a frustration with context-switching between an editor and a chat interface. The goal was to build a coding environment where the model is a first-class participant — not a sidebar.

The chain-of-thought panel was the hardest design problem: making the model’s reasoning legible without it becoming noise.

How to use this file

This .mdx file is a template showing the available content blocks. All block components are auto-injected — no imports needed in your .mdx files.

Available blocks:

  • <SectionHeader label="..." /> — labelled section divider
  • <ImageBlock src="..." alt="..." caption="..." full={true} /> — single image, optional full-bleed
  • <PhotoGrid images={[...]} cols={3} /> — responsive image grid (cols 2–4)
  • <VideoBlock src="..." poster="..." /> — native video player
  • <AudioBlock src="..." title="..." /> — native audio player
  • <EmbedBlock src="..." title="..." aspect="16/9" /> — iframe embed (YouTube, Figma, etc.)
  • <ModelViewer src="..." alt="..." /> — interactive 3D model (.glb / .gltf)
  • <TextBlock> — optional explicit prose wrapper

Image example

Code editor screenshot
Replace with your own project screenshot from /public.

Photo grid example

Sample 1
Sample 2
Sample 3

Changelog

**v1.1** — Added variable weight axis, extended Latin character set.
**v1.0** — Initial release with regular and bold weights.