Expand description
creo-ui
creo-ui Design System tokens for Rust consumers.
Phase 1: Style Dictionary から生成された token module を再 export する。
ⓘ
use creo_ui::tokens;
let brand = tokens::COLOR_BRAND_PRIMARY; // Rgb (mint-dark default)
let md = tokens::SPACING_M; // 18.0_f32 (論理 px, 5-step rule)§dimension token は「論理 px」— 生描画では Scale を掛ける
dimension 系 token (SPACING_* / TYPOGRAPHY_* / RADIUS_* 等) の f32 は
論理 px — CSS px / SwiftUI pt と同じ土俵の値で、「同じ数字なら 3 platform で
同じ見た目の大きさ」が既定の契約。論理→物理の変換は platform ごとに担当が違う:
| platform | 変換の担当 |
|---|---|
| Web | browser (creo-ui は rem で emit、user 設定にも追従) |
| SwiftUI | OS (pt をそのまま渡せばよい) |
| Rust 生描画 (wgpu / glyphon 等) | consumer — Scale を掛ける |
wgpu の surface は物理ピクセルなので、token 値を素で渡すと Retina (2x) で
見た目が半分になる。window の scale factor (winit window.scale_factor() /
AppKit NSView.backingScaleFactor) から Scale を作り、描画直前に通すこと。
ratatui のようにセル単位の描画系では無関係 (色 / 比率 token のみ使う)。
Phase 2 以降で ratatui / egui 等のヘルパー trait を追加する予定。
Modules§
Structs§
- Scale
- 表示 scale — 論理 px の token 値を物理 px へ変換する倍率。