ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- DockTail
- 公式カラー (HEX / RGB / HSL)
- #111827rgb(17, 24, 39) · hsl(221, 39%, 11%)
- WCAG コントラストとファイルサイズ
- 白背景 17.7:1 · 黒背景 1.1:1 · 1.7 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M498.1 0h11.3v64.9h-9.9v29.6h-11.8v20.2H477V133h-11.3v18.8h-9.9v9.9h-9.9v9.4H436v9.9h-10.3v9.9h-21.2v9.4h-23v9.9h-33.9v9.4h-16v9.4h-8.9v9.9h-9.9v9.9H304V285h8.9v18.3h9.4v10.3h8.9v18.3h9.4V361h-8.9v28.7h10.8v33.9h-16v-9.9h-18.8v-23h-19.3v13.6h-15.5v-17.9h12.2v-13.2h-12.2v9.4h-12.7v-26.8h-9.4V346h-9.4v-14.6H232v-19.3h-9.9v-34.3h-9.4v-19.7h-9.9v-9.4h-9.4v-9.9H184V229h-9.4v-9.4h-18.3v-9.4h-28.2v-9.9h-19.3v-9.4H90V181H71.2v-9.9h-9.9v-9.4H52v-9.9h-9.4v-9.4h-9.9v-19.3h-9.4v-20.7h-9.4V73.8H2.6V8h13.2v13.2h10.3V32h11.8v11.3h12.2v10.8h11.8v10.8h26.3v9.9h40v9.9h47v9.9h19.7v9.9h18.3v9.4h9.4v9.4h9.4v9.9h9.4V152h9.4v19.3h10.8V152h9.4v-19.3h9.4v-9.4h9.4v-9.4h9.9v-10.3h19.7V94h18.8v-9.4h45.6v-9.9h26.3v-9.9h20.7V54.1H453V43.3h11.3V32H476V21.6h11.3V10.3h10.8zm-36.2 76.2v18.3h-10.8v9.4h-9.9v9.9h-10.3v9.4h-10.3v9.9h-10.3v9.4H391v9.4h-20.7v9.9h-24v9.4h-17.9v9.9h-9.9v9.9h-9.9v19.3h-16V229h-9.4v56.4h9.4v18.8h9.4v-18.8h-9.4v-37.1h8V229h8.5v-9.4h9.4v-9.9h9.4v-9.4h9.4v-9.9h18.8v-9.9h25.4v-9.4h19.7v-9.4h19.3v-9.9h10.3v-9.4h10.3v-9.9h9.9v-19.3h9.9V95.4h10.3V76.2zM42.1 85.6v18.3H52v19.3h9.9v9.4h9.4v9.9h9.9v9.4h9.4v9.9h19.7v9.4h17.9v9.4h28.2v9.9h18.8v9.9H194v9.4h9.4v9.4h9.4v9.9h9.4v9.4h9.9v19.7h9.4V229h-9.9v-18.8h-9.4v-9.9h-9.4v-9.4h-9.9V181h-18.8v-9.9h-9.4v-9.4h-31.5v-9.4h-23.5v-9.9h-16V133H90.5v-9.9h-9.4v-9.4h-9.9v-9.4h-9.9v-9.9H52v-8.9h-9.9zm260.4 219.1v17.9h9.4v18.8h9.4v19.7h9.4v-19.7h-9.4v-27.3h-9.4v-9.4zm39.1 63.4h12.7v14.1h-12.7zm-87 38.6h9.9v9.9h-9.9zm22.6 6.6h28.7v29.6h-28.7zm65.3 10.3h12.2v11.8h-12.2zm-30.1 15.5h23.5v23.5h-23.5zm-52.2 27.3h15.5v16h-15.5zm41.4 8.5h12.7V488h-12.7zm-20.7 26.8h10.8V512h-10.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#111827"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M498.1 0h11.3v64.9h-9.9v29.6h-11.8v20.2H477V133h-11.3v18.8h-9.9v9.9h-9.9v9.4H436v9.9h-10.3v9.9h-21.2v9.4h-23v9.9h-33.9v9.4h-16v9.4h-8.9v9.9h-9.9v9.9H304V285h8.9v18.3h9.4v10.3h8.9v18.3h9.4V361h-8.9v28.7h10.8v33.9h-16v-9.9h-18.8v-23h-19.3v13.6h-15.5v-17.9h12.2v-13.2h-12.2v9.4h-12.7v-26.8h-9.4V346h-9.4v-14.6H232v-19.3h-9.9v-34.3h-9.4v-19.7h-9.9v-9.4h-9.4v-9.9H184V229h-9.4v-9.4h-18.3v-9.4h-28.2v-9.9h-19.3v-9.4H90V181H71.2v-9.9h-9.9v-9.4H52v-9.9h-9.4v-9.4h-9.9v-19.3h-9.4v-20.7h-9.4V73.8H2.6V8h13.2v13.2h10.3V32h11.8v11.3h12.2v10.8h11.8v10.8h26.3v9.9h40v9.9h47v9.9h19.7v9.9h18.3v9.4h9.4v9.4h9.4v9.9h9.4V152h9.4v19.3h10.8V152h9.4v-19.3h9.4v-9.4h9.4v-9.4h9.9v-10.3h19.7V94h18.8v-9.4h45.6v-9.9h26.3v-9.9h20.7V54.1H453V43.3h11.3V32H476V21.6h11.3V10.3h10.8zm-36.2 76.2v18.3h-10.8v9.4h-9.9v9.9h-10.3v9.4h-10.3v9.9h-10.3v9.4H391v9.4h-20.7v9.9h-24v9.4h-17.9v9.9h-9.9v9.9h-9.9v19.3h-16V229h-9.4v56.4h9.4v18.8h9.4v-18.8h-9.4v-37.1h8V229h8.5v-9.4h9.4v-9.9h9.4v-9.4h9.4v-9.9h18.8v-9.9h25.4v-9.4h19.7v-9.4h19.3v-9.9h10.3v-9.4h10.3v-9.9h9.9v-19.3h9.9V95.4h10.3V76.2zM42.1 85.6v18.3H52v19.3h9.9v9.4h9.4v9.9h9.9v9.4h9.4v9.9h19.7v9.4h17.9v9.4h28.2v9.9h18.8v9.9H194v9.4h9.4v9.4h9.4v9.9h9.4v9.4h9.9v19.7h9.4V229h-9.9v-18.8h-9.4v-9.9h-9.4v-9.4h-9.9V181h-18.8v-9.9h-9.4v-9.4h-31.5v-9.4h-23.5v-9.9h-16V133H90.5v-9.9h-9.4v-9.4h-9.9v-9.4h-9.9v-9.9H52v-8.9h-9.9zm260.4 219.1v17.9h9.4v18.8h9.4v19.7h9.4v-19.7h-9.4v-27.3h-9.4v-9.4zm39.1 63.4h12.7v14.1h-12.7zm-87 38.6h9.9v9.9h-9.9zm22.6 6.6h28.7v29.6h-28.7zm65.3 10.3h12.2v11.8h-12.2zm-30.1 15.5h23.5v23.5h-23.5zm-52.2 27.3h15.5v16h-15.5zm41.4 8.5h12.7V488h-12.7zm-20.7 26.8h10.8V512h-10.8z" style="fill-rule:evenodd;clip-rule:evenodd"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。