スコア
50
ユーザー評価
1.0
無料/トライアルサポート
サポート済み
開始価格
--
最終更新
9月 29, 2026
概要
Typeculatorとは？
「金の糸」技法をベースにしたシンプルタイプのスケール電卓です。
Typeculatorは何に使われますか？
主要機能
- Generates type scales based on the Golden Thread technique
- Adjustable base size, scaling factor, scale steps, and line-height offset
- Live preview with sample text for each scale step
- Outputs ready-to-use CSS classes with font-size and line-height
- Supports px and rem units
- Free and browser-based
Typeculatorの使い方は？
Open the Typeculator web app, set your base size (e.g., 12–16px), choose a scaling factor to control growth between steps, pick the number of scale steps (e.g., 4–6 for screen design), and adjust the line-height offset. The tool instantly generates a preview with sample text and CSS classes like .scale-step-1 through .scale-step-6, showing font-size and line-height values. Copy the generated CSS into your project.
代替ツール
代替ツールが見つかりません
メリット & デメリット
メリット
- Simple and focused interface
- Instant visual feedback
- Produces copy-paste CSS
- Based on a proven typographic technique
- Completely free to use
デメリット
- Limited to type scale generation only
- No export options beyond copying CSS
- No saved presets or accounts
- Requires understanding of typographic scale concepts
使用例
- Creating a consistent typographic hierarchy for a website or app
- Quickly generating CSS font-size and line-height values
- Teaching or learning about modular type scales
- Prototyping design systems
- Ensuring readable and harmonious text sizing across screen designs
Typeculatorの料金
無料プラン
詳細な料金情報がありません
ユーザーレビュー
1.0
5点中
1.0
まだレビューがありません
このツールの最初のレビュアーになりましょう！