--- title: "AIホームページ作成ツール | Briks" url: https://briks.dev/ja/features/designed-for-your-business description: "Briks は、ご説明いただいたサイトを白紙から設計します。業種に合う書体と色を選び、公開前にコントラストも確認します。" last_updated: 2026-10-08 --- すべてのプランで利用可能 # 白紙から、あなたのビジネスのためにデザインするホームページ Briksは、説明されたどのサイトも白紙から作り始めます。事業に合わせてレイアウトを考え、業種に合う書体の組み合わせを選び、似合う色を決め、各セクションの文章を書きます。そして公開する前に、文章が読みやすいかを確認します。 ## しくみ 1. **ビジネスを説明する** 何をしているか、誰向けか、どんな雰囲気にしたいかを書いてください。気に入っているサイトがあれば、それも添えてください。 2. **Briksがデザインする** ビジネスに合わせて各ページを計画し、書体と色を選び、白紙からすべてのセクションの文章を書きます。 3. **公開前にチェックされる項目** 文字の色は、まずコード上で背景との組み合わせを確認し、次に公開中のページでデスクトップとスマートフォンの表示を確認します。 ## 白紙から設計するとは ビジネスについて説明すると、Briksは空白のページから始めます。すべてのサイトの土台になるキットには、メニュー、フォーム、動きなど、実際に動く部品が入っていますが、デザイン済みのセクションやサンプルの文章は含まれていません。サイトのすべてのセクション、ヘッダー、フッターは、あなたのビジネスのために書き起こされます。 何かを作る前に、デザイナーのようにサイトの設計を立てます。どんな事業なのか、ページの幅をどれくらいにするか、ヘッダー、ファーストビュー、フッターをどう組むか、そしてサイトの個性を生む文字組みのアイデアをひとつ決めます。設計はあなたの事業に合わせて書かれるので、パン屋と法律事務所では出発点が異なります。 テンプレートから始めることもできます。Briksで作ったサイトの構成を残したまま、すべてのページをあなたのビジネス向けに書き直します。このページでは、ご自身の説明から始めたサイトについて説明します。 ## 業種に合わせて選んだ書体 タイポグラフィはサイトの個性を大きく左右するため、Briksは事業ごとに書体を選びます。見出し用には個性のある表示用書体、本文用には控えめな書体を、表示用46書体と本文用36書体から組み合わせ、幅や太さで二つに違いをつけます。 ごく一部の書体は、機械が作った多くのページに現れるため、サイトがほかと同じに見えてしまいます。Briksは、Inter、Space Grotesk、Fraunces、Syneなど12の書体を、新しいサイトからすべて外しています。気に入ったサイトがその書体を使っている場合は、同じ雰囲気の別の書体があなたのサイトに使われます。 ご自身のフォントが最優先です。ブランド設定で書体名を指定するか、「Inter を使ってください、うちのブランドフォントです」のように言葉で伝えると、Briks が通常は使わない書体でもそのまま使われます。 ## ご希望のときは、見た目にも意見を反映できます 多くの方は、Briksにデザインを最後まで任せ、その後で好きなところを変更しています。先に選びたい場合は、新規プロジェクトのステップでChoose the lookをオンにしてください。ビルドの前に、Nordic and clean、Warm and Boldなど3つのデザインが表示されます。それぞれ、色、2つの書体、角の丸みが、お客様ご自身の言葉で設定されており、選んだ1つのデザインでサイト全体が構築されます。 もう2つのスイッチが並んでいます。1つは、あなたの言葉を入れた4種類のシンプルなグレーのワイヤーフレームから、ホームページの最初の画面を選ぶものです。もう1つは、何かを作る前にサイトの文章を承認するものです。3つとも初期状態ではオフです。 または、気に入ったサイトをBriksに見せてください。そのサイトのレイアウト、余白、書体、動きを読み取り、その雰囲気であなたのサイトをデザインします。文章と写真はあなた自身のものを使います。見せたサイトがすでに見た目を決めるため、その場合は見た目とヒーローの選択肢は表示されません。 ## 公開前にチェックされる項目 デザインは、読めてこそ役に立ちます。すべてのビルドは、公開前にコード上で色のコントラストをWCAG AAで確認します。本文は4.5対1、大きな文字は3対1です。最初の公開のあと、Briksはデスクトップとスマートフォンの幅で公開ページを見て、読みにくい文字を直します。 より詳しいチェックは、スイッチ1つで有効にできます。最初のバージョンが公開されると、Briksは4つの画面サイズで確認し、部品が重なるなど表示が崩れている箇所を修復します。数分余計にかかり、いくらかクレジットも使うため、初期設定ではオフです。 ## あなたのビジネスのためにデザインの活用例 3つの事業の例と、それぞれの使い方です。サイトの画像は、例として作った事業向けに Briks が作ったサンプルで、お客様のサイトではありません。 1. ベーカリー **まず見た目を選びたいパン職人** パン職人の女性が、サワードウのパン、週末の予約注文、土曜日の行列について書き、Choose the look をオンにします。手仕事のベーカリーなので、Warm のデザインはクリームとオリーブの色合いになり、見出しには Young Serif が使われます。彼女は Nordic and clean や Bold と見比べて Warm を選び、サイト全体がそのデザインで作られます。 2. 法律事務所 **デザインをBriksに任せる法律事務所** 2人のパートナーは、別居、子ども、定額の初回面談について書いていて、デザインのことは何も書いていません。Briksは白紙から家族法の法律事務所向けにサイトを計画し、業種に合う書体と色を選び、公開前にすべての文字のコントラストを確認します。そのあとパートナーは、変えたいことを普通の言葉で伝えます。 3. ヨガスタジオ **気に入ったサイトを見せるヨガスタジオ** オーナーは、ある陶芸家の落ち着いた、風通しのよいサイトに惹かれています。そのアドレスを追加すると、Briks はレイアウト、余白、書体、動きを読み取り、その雰囲気で教室、時間割、オーナー自身の言葉を盛り込んだスタジオのサイトをデザインします。陶芸家のサイトが Briks の採用しない書体を使っている場合は、同じ雰囲気の書体がオーナーのサイトに使われます。 ## 得られるもの - ご説明いただいたビジネスごとに、白紙からデザインします - 見出し用の書体46種類と、本文用の書体36種類から選べます - 使われすぎのフォント12種を除外（指定した場合を除く） - 公開前にコントラストをWCAG AAで確認します ### 知っておくと便利なこと - 見た目を選ぶ、4つのワイヤーフレームからヒーローを選ぶ、文章を承認する、は新規プロジェクトのステップにあるスイッチで、初期設定ではオフです。 - 気に入ったサイトをもとに作る場合と、ダッシュボードでは、見た目とヒーローの段階は選べません。 ## あなたのビジネスのためにデザインについての質問 ### Briksは私のサイトにテンプレートを使いますか？ いいえ。説明されたサイトは白紙からデザインされ、デザイン済みのセクションやサンプルの文章はコピーされません。すでに使えるサイトから始めたい場合は、テンプレートを選んで自分のものにしてください。 ### Briksはフォントをどのように選びますか? 見出し用のディスプレイ書体と、本文用の落ち着いた書体を組み合わせます。ビジネスに合わせて、46種類のディスプレイ書体と36種類の本文書体から選びます。ご自身で指定したフォントが優先されます。 ### Briksで一部の人気フォントが使えないのはなぜですか? 機械で作ったページに使われすぎているからです。Inter、Space Grotesk、Fraunces を含む12の書体は、気に入っているサイトが使っていても、新しいサイトでは同じ雰囲気の別の書体に置き換えられます。ご自身で名前を指定した場合は、そのまま使われます。 ### ビルドの前に見た目を選べますか? はい。新規プロジェクトの手順で Choose the look をオンにすると、ご自身の言葉で設定した3つのデザインから選べます。hero stop をオンにすると、4つのワイヤーフレームから最初の画面を選べます。どちらも初期設定ではオフで、気に入ったサイトをもとに作る場合は選べません。 ### 自社のブランドカラーやフォントは使えますか？ はい。プロジェクトを始めるときのブランドの手順で、アクセントカラーと、見出しと本文の書体を設定できます。Briksが選ぶものよりも、これらが優先されます。 ### 公開前にデザインはチェックされますか? はい、読みやすいコントラストについて確認します。すべてのビルドは公開前にコード上で確認し、そのあと公開ページをデスクトップとスマートフォンで確認して、読みにくい文字は直します。4つの画面サイズでのより詳しい確認は、オンにできるスイッチで行えます。 ## 関連機能 - [オンにする **デザインを選ぶ** 先にデザインに意見したいですか? オンにすると、Briksがビジネスに合わせた3つのデザインを色、書体、ボタンとともに示し、選んだものを制作します。しくみ](https://briks.dev/ja/features/pick-a-look) - [すべてのプランで利用可能 **好きなサイトからホームページ作成** AIホームページ作成ツールBriks:気に入ったサイトを追加すると、Briksがレイアウト、余白、書体、動きを読み取り、その雰囲気であなたの言葉でサイトを作ります。しくみ](https://briks.dev/ja/features/build-from-sites-you-like) - [すべてのプランで利用可能 **公開前のチェック** Briksで作成したサイトは、コードと、デスクトップおよびスマートフォンのライブページの両方で、読みやすい色のコントラストがチェックされます。文字が読みにくい場合は修正されます。しくみ](https://briks.dev/ja/features/contrast-checks) [32件の機能をすべて見る](https://briks.dev/ja/features) ## ご自身のビジネスで試してみましょう 一文で説明すれば、Briksが作ります。登録時に付与されるクレジットで、無料で始められます。