tttypes

tttypesは、Google Fontsの組み合わせをライブプレビュー付きで比較できる無料のWebアプリ。Webサイト、アプリ、履歴書、名刺向けのタイポグラフィ選びに最適です。

概要

tttypesは、Google Fontsの組み合わせに特化した無料のフォントペアリング生成ツールです。デザイナーが書体の組み合わせをすばやく探し、実際に近い文脈でプレビューし、その結果を本番投入しやすい形式でエクスポートするのに役立ちます。

ホームページでは、数秒でタイポグラフィの選択肢を見つけて洗練できる製品として紹介されています。ユーザーは厳選された組み合わせを次々に切り替えたり、残したいフォントを固定したり、Webサイト、アプリ、印刷風レイアウトで組み合わせを比較したうえで、コードや埋め込み出力へ進めます。

機能

即時シャッフル

Spaceキーを押して厳選されたフォントの組み合わせを順に切り替え、組み合わせの一部を残したいときは個別の位置を固定できます。

コンテキストプレビュー

Webサイト、モバイルアプリ、名刺、履歴書などの実際に近いレイアウトで、書体の選択をエクスポート前にプレビューできます。

エクスポート対応の出力

CSS変数をコピーしたり、Google Fontsのリンクをダウンロードしたり、埋め込みコードをエクスポートして、探索から実装へ移れます。

厳選ライブラリとカスタム生成

厳選されたペアリングのライブラリを閲覧するか、リアルタイムで独自の組み合わせを生成して、最終候補を絞り込めます。

AI支援のペアリング分析

サイトによると、このペアリングエンジンは、視覚的な重さ、x-height、終端のスタイルを含む15の指標で10,000件以上の組み合わせを分析します。

使用例

タイポグラフィの探索
新しいビジュアルの方向性に向けてフォントの組み合わせを探し、気に入った候補を固定しながら、バランスが取れるまで残りを切り替え続けます。
デザインシステムのレビュー
開発に引き渡す前に、Webサイト、アプリ、その他のUIレイアウトで見出し用フォントと本文用フォントの見え方を確認します。
印刷物とパーソナルブランディング
読みやすく、コンパクトな実利用環境でも機能する組み合わせで、履歴書や名刺などのレイアウトを整えます。
実装への引き継ぎ
組み合わせを決めた後、CSS変数、Google Fontsのリンク、または埋め込みコードをエクスポートして、アイデアから実装へ移行します。

Pros and Cons

Pros

サイト上の説明によると無料で使えます。
シャッフル、固定、プレビュー、エクスポートが1つのワークフローにまとまっています。
コンテキストプレビューにより、実装前に実際のデザインシナリオでフォントを確認できます。
エクスポートオプションには、CSS変数、Google Fontsのリンク、埋め込みコードが含まれます。
この生成ツールは、何もない状態から選ぶのではなく、厳選された組み合わせライブラリを基盤にしています。

Cons

ソースには、コラボレーション、チームのワークフロー、共有ライブラリについての記載がありません。
製品はGoogle Fontsの組み合わせを中心にしているため、Google以外のフォントソースが必要なプロジェクトではやや使いにくい可能性があります。

FAQ

tttypesは無料で使えますか？

いいえ。サイトでは自らを無料のフォントペアリング生成ツールと説明しており、例や生成機能はGoogle Fontsの組み合わせを中心に構成されています。

tttypesから何をエクスポートできますか？

ソースでは、キュレーションされた組み合わせを切り替えたり、位置を固定したり、文脈内でプレビューしたり、CSS変数、Google Fontsのリンク、または埋め込みコードをエクスポートできると示されています。

tttypesはどのようなプレビューに対応していますか？

この生成ツールには、Webサイト、モバイルアプリ、名刺、履歴書、および同様のデザイン文脈向けのコンテキストプレビューが含まれています。

tttypesはチーム利用や共同作業に対応していますか？

ソースには、コラボレーション機能、チームアカウント、共有ワークスペースについての記載がないため、そうした機能があるとは想定できません。

Quick Facts

カテゴリ: デザインツール
主な用途: フォントペアリングとタイポグラフィの探索
フォントソース: Google Fontsの組み合わせ
プラットフォーム: Webアプリ
価格: 無料
ドメイン: tttypes.com

tttypesの代替品

PixelDrive

PixelDriveは、ブラウザ編集、REST API、CSV一括、MCPで1つのテンプレートから大量のブランド画像を生成できるAPI。キャッシュ可能なレンダリングと従量課金に対応。

Napkin AI

Napkin AIは、テキストをプレゼン資料や文書、共有用コンテンツ向けの編集可能なビジュアルに変換します。テキスト起点で生成でき、共同編集にも対応。PPT、PNG、SVG、PDFで書き出せます。

Refero MCP

Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。

Frames

Framesは、プレミアム端末フレームとテンプレートでInstagram・Twitter・Product HuntのローンチポスターやSNS販促素材をすばやく作成。無料で開始。

GPTIMG2 AI

GPTIMG2 AIは、OpenAIのGPT Image 2モデルを使ったWebベースの画像生成ツール。プロンプト生成、参考画像編集、高解像度出力に対応し、商品ビジュアルやポスター、UIモック、広告制作に最適です。

TapNow

TapNowは、企業・クリエイター・チーム向けのWebベースAIビジュアル制作プラットフォーム。画像・動画生成に加え、編集、企画、共同作業にも対応します。