Z Chat

Introductions Z Chat

電話番号認証 - Firebase を使用して電話番号でユーザーを認証します。
リアルタイム検証コード - リアルタイム検証コードを送信・検証し、電話番号がユーザーのものであることを確認します。
固有のユーザープロフィール作成 - 電話認証後に、スキップできない固有のユーザープロフィールページを作成します。ユーザーはここでユーザー名とアバター（メールアドレスは任意）を設定できます。
ユーザー検索 - ユーザーがユーザー名で他のユーザーを検索し、ダイレクトメッセージを送信できるようにします。
リアルタイムチャット - リアルタイムの1対1チャット機能を有効にします。
連絡先提案ツール - AI を活用して、現在のユーザーが知り合いである可能性のある他の ZChat ユーザーを提案します。このツールの入力として、相手のユーザー名とアバターを使用します。
色
基本色：HSL(210, 67%, 46%) / RGB(35, 134, 230) 落ち着いた雰囲気で信頼できる印象を与えます。背景色：HSL(210, 13%, 96%) / RGB(242, 245, 249) で、すっきりとした明るい背景を実現します。アクセントカラー：HSL(180, 53%, 41%) / RGB(44, 175, 167) で、主要なアクションや要素を強調します。
レイアウト
チャットコンテンツ、簡単なナビゲーション、ユーザー検索機能を重視し、明確で直感的なレイアウトを採用します。
タイポグラフィ
本文フォント：ヒューマニストサンセリフ体の「PT Sans」で、モダンで読みやすいデザインを実現します。見出しフォント：プロポーショナルサンセリフ体の「Space Grotesk」で、テクノロジーと科学的な雰囲気を表現します。
アイコン
チャット機能、ユーザープロフィール、設定には、シンプルでミニマルなアイコンを使用します。
アニメーション
新規メッセージやユーザーインタラクションには、スムーズな遷移とフィードバックを提供するために、さりげないアニメーションを使用します。