厳選・オープン・無料

Arc Browser

遊び心ある個性とモダンな生産性を融合した、温かく表現力豊かなブラウザ体験。

01

デザイン DNA

親しみやすく創造的なスタジオの作業空間。パーソナルで歓迎される雰囲気。

02

カラー

温かみのあるオフホワイトをベースに、鮮やかなブルーアクセントを配置。奥行きを出すために微細なノイズテクスチャを使用。

03

タイポグラフィ

transitional-serif · humanist-sans · monospace

• display56px · 700
• heading28px · 700
• body16px · 400
• caption12px · 500

大きなディスプレイ見出しにはトランジショナル・セリフを用い、温かみを演出する。 · 本文にはヒューマニスト・サンを用い、読みやすさを維持する。 · ディスプレイサイズには適度なネガティブ・トラッキングを適用する。

04

余白

一貫した4pxのベースと、インタラクティブ要素周辺の適切なpadding。

05

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

微細な1pxのsolidボーダー。アクセントブルーを強調に使用することが多い。

0px 5px 5px 0px rgba(0, 0, 0, 0.1) · 0px 2px 8px 0px rgba(0, 0, 0, 0.25)

06

レイアウト

レスポンシブな動作を備えた標準的な12カラムグリッド。適切な余白。

07

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

インタラクティブ要素のhover時の微細なtransform。 · 滑らかな背景色のトランジション。

インタラクティブ要素に対する微細なtransformとbox-shadowによる浮遊感。 · わずかなスケールダウンまたは透明度の変化。

08

コンポーネント

• button 丸みのある形状で、遊び心あるアイオンを統合したダーク塗りつぶしボタン。
• card 微細なノイズテクスチャと柔らかなシャドウを持つライトカード。
• chip アクセントカラーを使用した小さな丸みのあるラベル。
• input 最小限のスタイリングを施したクリーンなテキスト入力。
• hero 温かいグラデーション背景とノイズオーバーレイを用いた、表現力豊かな大きな見出し。

09

文体と禁止事項

• トーン 遊び心があり、友好的で、会話的なトーン。
• 見出し 個性を表現するセリフ体の見出し。
• CTA 遊び心あるアイオンを用いた、直接的かつ歓迎的な指示。

• 冷たいグレーを使用しない — スクリーンショットでは、プライマリ背景として温かみのあるオフホワイト（#FFFCF7）が示されている。
• すべてに角を設けない — スクリーンショットでは、適度な丸みのある形状と角丸が示されている。
• 純白の背景を使用しない — スクリーンショットでは、温かみがあり、わずかに黄色みを帯びたホワイトが示されている。
• 細く軽量なタイポグラフィを使用しない — スクリーンショットでは、大胆で表現力豊かなセリフ体の見出しが示されている。
• 過度なシャドウを使用しない — スクリーンショットでは、奥行きを出すために柔らかく微細なシャドウが示されている。
• 硬直した企業的なレイアウトを使用しない — スクリーンショットでは、ノイズテクスチャを用いた遊び心のある表現的な構成が示されている。
• 避ける: 企業用語
• 避ける: 過度に技術的な言葉
• 避ける: 冷たく無機質なトーン

10

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

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

11

System Prompt

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