厳選・オープン・無料

App Forhims

プレミアムな親しみやすさと臨床的な信頼性のバランスを取った、現代的な telehealth ブランドの洗練された、柔らかなフォーカスの美学。

01

デザイン DNA

臨床的でありながらも心地よい、プレミアムなウェルネスブティックのような雰囲気。

02

カラー

清潔な余白がレイアウトを支え、柔らかなグラデーションと特徴的なインディゴのアクセントが、冷静な雰囲気を損なうことなく視覚的な興味を提供します。

03

タイポグラフィ

transitional-serif · humanist-sans · monospace

• display64px · 500
• heading-132px · 500

見出しには、プレミアムでエディトリアルな雰囲気のトランジションセリフを使用します。 · 本文テキストとUI要素には、可読性の高いヒューマニストサンセリフを使用します。 · ディスプレイセリフと本文サンセリフの高いコントラストが、モダンで親しみやすいトーンを生み出します。

04

余白

一貫した、たっぷりとした間隔が、レイアウトの冷静で無駄がなく、高級感のある印象を強調します。

05

サーフェス (角丸 / 影 / 罫線)

視覚的な重みを加えることなくコンテナを定義するために、繊細でほぼ見えないボーダーが使用されています。

0 4px 24px rgba(0, 0, 0, 0.06)

06

レイアウト

モバイルでは中央揃えの単一カラムレイアウト、デスクトップでは最大幅のコンテナに拡張し、強い垂直軸を維持します。

07

モーションとインタラクション

コンテンツロード時の滑らかなフェードイン。 · スクロール時の繊細なparallax効果。

インタラクティブ要素上の、微妙な色の変化または影の浮き上がり。 · わずかなスケールや色の変化による、即座の視覚フィードバック。

08

コンポーネント

• button カラーベースの背景とクリーンなタイポグラフィを持つ、ピルシェイプ（カプセル型）のボタン。
• card 角が丸く、ドロップシャドウが柔らかなカード。太いボーダーではなく、画像とタイポグラフィを活用しています。
• chip フィルタリング用の、繊細な背景を持つピルシェイプのカテゴリタグ。
• input 十分なpaddingと繊細なボーダーを持つ、クリーンで角丸の入力フィールド。
• hero 大きな中央揃えの見出しと、目立つデバイスモックアップ、および柔らかなグラデーション背景の組み合わせ。

09

文体と禁止事項

• トーン 自信に満ち、親しみやすく、安心感を与えるトーン。
• 見出し 短く、インパクトがあり、利益を前面に押し出したスタイル（例：「Total care. Totally different.」）。
• CTA 直接的で、行動を促し、摩擦が低いスタイル（例：「Download now」）。

• 刺激的で明るいプライマリカラーを使用しない — スクリーンショットは、落ち着いたパレットと、落ち着いたインディゴのアクセントを示しています。
• 攻撃的なドロップシャドウや太いボーダーを使用しない — スクリーンショットは、繊細なシャドウとほぼ見えない線を示しています。
• 本文テキストやセカンダリUI要素にすべて大文字を使用しない — スクリーンショットは、標準的な文のキャピタルライゼーションを示しています。
• 要素でレイアウトを過密にしない — スクリーンショットは、たっぷりとした余白と単一の焦点を示しています。
• インタラクティブ要素にシャープで四角い角を使用しない — スクリーンショットは、丸みのある角とピルシェイプのボタンを示しています。
• すべてに純粋なsans-serifタイポグラフィを使用しない — スクリーンショットは、メイン見出しに特徴的なセリフフォントを使用していることを示しています。
• 避ける: 専門用語
• 避ける: 攻撃的なセールス言葉
• 避ける: ごちゃごちゃした視覚要素

11

System Prompt

en · zh-CN · zh-TW · ja · ko