TypeStax：ヴィンテージオーディオ機器風のUIでタイプスケールを生成
TypeStax: A type scale generator with vintage audio hardware interface
TypeStaxは、デスクトップ向けの精密なタイポグラフィツールで、ヴィンテージオーディオ機器を思わせるノブやスライダーを使って、調和のとれたタイプスケールを直感的に作成できます。ベースサイズやスケール比、各要素のフォントウェイト、行間、字間などを細かく調整でき、モバイル設定も可能。生成したスケールはCSSとしてエクスポートでき、フォントの組み合わせも閲覧できます。rahulmax氏によって開発されました。
TypeStaxは、デスクトップ画面向けに設計された精密なタイポグラフィツールです。
- vessenes
ああ、これには驚くほど惹かれるものがある。また、ヴァイブコーディングの利点のいくつかを思い出させてくれる良い例でもある。もし2000年代初頭に公開されていたら、少なくとも20年間のウェブデザイナーにとって非常に有用なツールになっていただろう。今でも、デザイナーではないタイポグラフィ好きにとっては、触って遊ぶのが楽しかった。本当にクールだ。
- rahulmax
作者です。温かいお言葉をありがとうございます！
私はプロダクトデザイナーであり、デザインエンジニアでもあります。触覚的なインターフェースとタイポグラフィが大好きです。
私の目標は、画像の参照を与えずに、純粋にインターフェースをLLMに『記述』することだけでこれを構築するという挑戦をすることでした。ここ10年ほどは主にFigmaやSketchで作業してきたので、そのプロセスは非常に苦痛で、インターフェースを磨いて修正するためにFigmaに戻りたいと強く思いましたが、私は忍耐強く、UIをLLMに記述して、段階的にUIを構築していきました。
スタックはNext.js / React / Zustandで、undo/redoにはzundo、認証にはClerkを使用しています。また、LLMに60以上のユニットテストと、本番環境に対して実行されるPlaywrightテストを書かせました。全体を通してAI支援でした。
下のchrismorganの批判はほぼ正しいです。本当にありがとうございます！アイブロウの件は完全なバグです。ベースレンジ8から32は弁解の余地がありません。ワードスペーシングはそもそもコントロールであるべきではありません。この3つは今日修正します。
- pmkary
これは本当に久しぶりに見た最も美しいものの一つです。数字のスライダー、カラーピッカー、アナログ風の数字表示、本当に素晴らしいインターフェースです。もっと多くのものがこのように美しくなってほしいと思います。