メインコンテンツへスキップ
Context Grammar文脈を読むAI
intentfirst.ai

デザインシステムの目次

角丸と罫線

構造は四角く、1px の細い罫線で描きます。丸い形は、チップのように選んで押す部品と、状態を示す小さな点だけです。

  • 角なし

    --radius-0: 0px

    カード、入力欄、パネル

  • 丸

    --radius-control: 999px

    チップ

  • 罫線

    --hairline: 1px

    すべての枠線と罫線

使い方

こうする

  • カード、入力欄、パネルは四角いまま、1px の罫線で縁取ります。

こうしない

  • 親しみやすく見せるために、囲みの角を丸めない。