mirror of https://github.com/hanzoai/frames.git synced 2026-09-24 00:08:03 +00:00

Files

T

zooqueenandHanzo Dev 70b41673a3 frames: rebrand the fork to Hanzo Frames

Forked from HyperFrames (Apache-2.0), full history preserved.

Hosts are mapped explicitly and BEFORE the identifier rename, because
hyperframes.heygen.com is not decoration: 175 of its occurrences are $schema
identifiers that a validator dereferences. A blind rename would have left them
naming a host that never serves them. The schema files are in this repo under
docs/schema, so the mapped host is one we can actually serve -- that is the
condition that makes the rewrite safe, and serving them is a deploy task, not
an edit. docs/schema/hyperframes.json is renamed to frames.json to match the
identifier it is now published under.

api.heygen.com and the CLI auth against heygen.com are left UNRENAMED on
purpose. They are a dependency on HeyGen's SaaS, not a name of ours to take,
and the right move is to remove that integration rather than rebrand it.

LICENSE and CREDITS.md are untouched; NOTICE records the lineage.

Co-authored-by: Hanzo Dev <[email protected]>

2026-07-28 23:42:24 -07:00

1.6 KiB

Raw Permalink Blame History

VS Code Theme Visualizer Design Notes

Intent

This POC should feel like a real VS Code tutorial capture, not a generic code window. The purpose is to prove that Frames can render code-writing scenes with faithful product context and theme-aware polish.

Visual Identity

The visual identity is sourced from official VS Code built-in theme JSON files from microsoft/vscode/extensions/theme-defaults/themes. Do not invent palette values for the workbench. Colors should flow through the generated theme registry and CSS variables.

Theme Set

Light 2026
Dark 2026
Dark+
Dark Modern
Light+
Light Modern
Visual Studio Dark
Visual Studio Light
Default High Contrast
Default High Contrast Light

Typography

Workbench UI: Inter, then system UI fallbacks.
Code and terminal: Menlo, Monaco, Consolas, then monospace fallbacks.
Keep letter spacing at 0.

Layout Rules

Recreate the VS Code workbench proportions: activity bar, explorer sidebar, editor tabs, editor gutter, status bar, and optional terminal panel.
Use official theme colors for editor, sidebar, tabs, activity bar, panel, terminal, and status bar surfaces.
Keep the composition full-frame at 1920x1080.
Cards are allowed only for the theme selector strip because they are repeated selectable items.
Do not use decorative gradients, glows, or synthetic color accents outside theme-derived colors.

Motion Rules

Theme changes should feel like command-palette theme switching: quick, crisp, and functional.
Code typing is the hero action. UI chrome should support it without becoming theatrical.
All animation must be deterministic and GSAP-controlled.

1.6 KiB Raw Permalink Blame History