WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

[Plugin] GUI Redesign - Wild Dragon Design System #32

New issue
Closed
opened 2026-05-24 11:55:56 -04:00 by zgaetano · 0 comments
zgaetano commented 2026-05-24 11:55:56 -04:00
Owner
Copy link

Overview

Redesign the Premiere Pro plugin UI to match the Wild Dragon design system used in web-ui.

Tasks

  • Update color palette to Wild Dragon OKLCH colors
  • Update typography (Inter + JetBrains Mono, load from server)
  • Redesign layout structure (topbar, toolbar, asset grid, action bar)
  • Implement Wild Dragon component patterns (wd-btn, wd-card-asset, wd-input, etc.)
  • Add Advanced section with slide panel
  • Update all existing UI elements to match design system
  • Test in Premiere Pro

Design System Reference

  • Colors: OKLCH palette with brand hue 266°
  • Typography: Inter (body), JetBrains Mono (data)
  • Spacing: 4px increments
  • Components: Match web-ui patterns

Font Loading

Load fonts from web-ui server (not bundled with plugin)

Files to Update

  • services/premiere-plugin/css/styles.css
  • services/premiere-plugin/index.html
  • services/premiere-plugin/js/main.js

Estimated Time

1 week

## Overview Redesign the Premiere Pro plugin UI to match the Wild Dragon design system used in web-ui. ## Tasks - [ ] Update color palette to Wild Dragon OKLCH colors - [ ] Update typography (Inter + JetBrains Mono, load from server) - [ ] Redesign layout structure (topbar, toolbar, asset grid, action bar) - [ ] Implement Wild Dragon component patterns (wd-btn, wd-card-asset, wd-input, etc.) - [ ] Add Advanced section with slide panel - [ ] Update all existing UI elements to match design system - [ ] Test in Premiere Pro ## Design System Reference - Colors: OKLCH palette with brand hue 266° - Typography: Inter (body), JetBrains Mono (data) - Spacing: 4px increments - Components: Match web-ui patterns ## Font Loading Load fonts from web-ui server (not bundled with plugin) ## Files to Update - `services/premiere-plugin/css/styles.css` - `services/premiere-plugin/index.html` - `services/premiere-plugin/js/main.js` ## Estimated Time 1 week
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/playout-mcr
feat/user-permissions
feat/recorder-codec-bitrate
feat/hls-vod-playback
feat/uxp-plugin-swap
feat/nvenc-hevc-ingest
feat/all-intra-hevc-ingest
redesign/panel-icon-rail
feat/premiere-installer
feat/youtube-importer
fix/library-and-signal-indicator
fix/srt-rtmp-thumbnail
v0.phase1-editor
Labels
Clear labels   
bug

Bug report

  
bug

Something is not working

  
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
help wanted

Need some help

  
invalid

Something is wrong

  
question

More information is needed

  
wontfix

This won't be fixed

No labels
bug
bug
duplicate
enhancement
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: WildDragonLLC/dragonflight#32
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?