スタイルでできること
Craft のスタイリングシステムは テキストレベル と ページレベル の2段階で動作します。これにより、個々の要素に対する精密なコントロールと、ドキュメント全体での統一感の両方を実現できます。テキストレベルのスタイル設定
ドキュメント内の個別のブロックや選択範囲に適用できます:- フォント – System(デフォルト)、Serif(読みやすさ重視)、Mono(コード向け)、Rounded(親しみやすくモダン)から選択します
- テキスト色 – プリセットカラーから選ぶか、カスタムカラーを作成できます
- ハイライト – 特定のテキストに背景色を付けて強調できます
- リスト – 箇条書きスタイル、番号形式、インデントをカスタマイズできます
ページレベルのスタイル設定
ドキュメント全体に適用して統一感を出します:- 色 – ドキュメントの背景色や既定のテキスト色を設定します
- カバー画像 – Unsplash のキュレーションされたライブラリから選ぶか、独自の写真をアップロードできます
- 背景 – 単色、グラデーション、またはブラー効果を伴う全ページ画像を選択できます
- 区切り線 – 和紙テープのパターン、シンプルな線、幾何学的な形状で横方向の仕切りをスタイル設定できます
- カード – カラーボーダーや画像背景を使ってページを視覚的に区別されたカードレイアウトに変換できます
クイックスタート
スタイリングオプションにはプラットフォームごとに異なる場所からアクセスできます:- macOS
- iOS
- Windows
- Web
- 右サイドバー - Click the Style tab(paintbrush アイコン)でページレベルのオプションをすべて表示します
- 左サイドバー - 新しいバージョンではライブプレビュー付きの Styles パネルを見つけられます
- Toolbar - テキストを選択して、書式設定用のツールバーを使用します
- Keyboard - Press
Cmd+Shift+Sでスタイルパネルを開きます
よくある使用例
ビジネス用ドキュメント
報告書、提案書、クライアント向けのドキュメントには:- 伝統的で信頼感のある印象にするために Serif フォントを使用します
- 背景には ニュートラルカラー(グレー、白など)を適用します
- ブランドやトピックを表現する カバー画像 を追加します
- テキストのハイライト は最小限に留め、重要な指標やCTAにのみ使用します
個人用ナレッジベース
ノート、ジャーナル、学習資料には:- 読みやすさのために Rounded または System フォントを試してください
- トピックごとに識別しやすいよう 色付きの背景 を使い分けます(例:仕事は青、プライベートは緑)
- 重要箇所を素早く把握できるよう ハイライト を多用します
- 個性や視覚的な区切りとして 和紙テープの区切り を試してみてください
クリエイティブプロジェクト
ムードボード、ポートフォリオ、ストーリーテリングには:- カードレイアウト と 画像背景 を組み合わせて視覚的なインパクトを出します
- 雰囲気作りに グラデーション背景 を利用します
- 画像に合う カスタムテキスト色 を適用します
- 深みを出すために カバー画像 にブラー効果を重ねます
コードドキュメント
技術メモや開発ログには:- コードブロックや技術的な内容にはデフォルトで Mono フォントを使います
- 目の疲れを減らすために コントラストの高い配色(暗背景に明るいテキスト)を検討します
- セクションを明確に分けるために シンプルな区切り線 を使用します
- ページ背景は最小限にして内容に集中させます
気に入ったスタイルが見つかったら、スペースの設定 で既定に保存してください。これにより新しいドキュメントはすべてそのスタイルで開始され、ワークスペース全体での一貫性と時間の節約になります。