厳選・オープン・無料

Getstark

プロダクトライフサイクル全体でデジタルアクセシビリティのコンプライアンスを自動化する、エンタープライズSaaSプラットフォーム。

01

デザイン DNA

バックグラウンドで静かに稼働する、産業品質のアクセシビリティエンジン。

02

カラー

高コントラストなパープルとイエローは、エネルギーと技術的精度を示す。

03

タイポグラフィ

grotesque-sans · monospace

• display56px · 900
• body16px · 400
• caption14px · 400

大きなディスプレイウェイトにはタイトなトラッキングを使用し、視覚的な一体感を維持する。 · 限定的な背景面上で階層を構築するために、極端なフォントウェイトを活用する。

04

余白

一貫した配置を保証するために4と8の倍数を使用。

05

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

ダークブループライマリパープルのアクセントが施された、薄い2pxのボーダー。

0 4px 12px rgba(0, 0, 0, 0.1)

06

レイアウト

左揃えのデータポイントと右揃えのフローティングステータスインジケーターを持つ、センタリングされたカラムヒーロー。

07

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

インタラクティブな要素に、滑らかでレスポンシブな感覚を与えるための不透明度とカラーのトランジション。

ボタンやリンク上の微細な色の変化。 · 強いバウンスやスケールは使用せず、視覚的な状態変化に依存。

08

コンポーネント

• button 角がわずかに丸まった、高コントラストのソリッドブロック。
• card インターフェースモック用の、微細なボーダーを持つフローティングする白いコンテナ。
• chip バックグラウンドカラーとアイコンインジケーターを使用したステータスラベル。
• input 薄いボーダーを持つシンプルな長方形フィールド。
• hero ディープパープルの背景を使用し、テキストとイエローアクセントを目立たせる、太字でタイポグラフィ中心のセクション。

09

文体と禁止事項

• トーン 権威があり、技術的で、安心感を与えるトーン。
• 見出し 自動化を強調する、直接的で便益志向のステートメント。
• CTA 「無料でサインアップ」や「今すぐ始める」のような、明確でアクション志向のフレーズ。

• ミュートされたパステル調のパレットを使用しない — スクリーンショットでは、プライマリヒーローバックグラウンドとして、ディープで高彩度のパープル（#381FD1）が使用されている。
• 見出しに薄いフォントウェイトを使用しない — スクリーンショットでは、メインのディスプレイタイプに、極太でブラックウェイト（900）が使用されている。
• 見出しにワイドなトラッキングを使用しない — スクリーンショットでは、インパクトの高い濃密な外観のために、ネガティブな文字間隔（-0.56px）が使用されている。
• マルチカラーアクセントシステムを使用しない — スクリーンショットでは、メインのアクセントとして、単一のハイクロマのイエロー（#FEDB63）が使用されている。
• すべての要素にシャープな0pxのボーダーラジアスを使用しない — スクリーンショットでは、丸みのあるボタンやカード、ピル型のチップが示されている。
• アイコン多用のナビゲーションに依存しない — スクリーンショットでは、シンプルなドロップダウン矢印を持つ、テキスト中心のトップレベルナビゲーションが示されている。
• 避ける: 曖昧な言葉を避け、コンプライアンスについて直接的に記述する。
• 避ける: 過度にカジュアルなスラングを避け、プロフェッナルなエンタープライズトーンを維持する。
• 避ける: アクセシビリティに直接関連しない、複雑な専門用語を避ける。

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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