ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Readwise Reader (readwise-reader)
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 1009 B
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 400 400">
<path d="M400 0H0V400H400V0Z" fill="black"/>
<path d="M289.774 286.281C298.208 300.311 305.087 304.975 319.156 306.646V320.677H249.743L184.722 212.204H168.476V283.327C168.476 302.371 173.179 305.014 193.194 306.685V320.716H88.4141V306.685C108.43 305.014 113.132 302.332 113.132 283.327V124.408C113.132 105.053 109.051 102.721 88.4141 101.05V87.0195H196.265C261.286 87.0195 295.254 100.7 295.254 148.776C295.254 185.154 277.571 202.527 241.931 208.512L289.774 286.281ZM177.843 109.717C172.207 109.717 168.476 113.72 168.476 119.744V189.507H195.371C223.198 189.507 239.755 179.48 239.755 148.776C239.755 117.723 223.198 109.717 196.304 109.717H177.843Z" fill="white"/>
<path d="M250.756 95.3379H149.629V191.879H250.756V95.3379Z" fill="white"/>
<path d="M237.742 112.205C232.262 122.349 240.734 170.153 240.734 170.153C240.851 172.679 239.141 174.895 236.653 175.439C236.653 175.439 184.807 175.672 167.629 189.974" fill="black"/>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="988.000000pt" height="988.000000pt" viewBox="0 0 988.000000 988.000000" preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<rect width="100%" height="100%" fill="#fff"/>
<g transform="translate(0.000000,988.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M0 4940 l0 -4940 4940 0 4940 0 0 4940 0 4940 -4940 0 -4940 0 0 -4940z m9480 0 l0 -4540 -4540 0 -4540 0 0 4540 0 4540 4540 0 4540 0 0 -4540z"/>
<path d="M2182 7558 l3 -173 111 -11 c214 -23 313 -53 385 -121 56 -52 83 -111 99 -213 8 -55 10 -641 8 -2235 l-3 -2160 -22 -63 c-57 -168 -153 -225 -440 -261 l-138 -17 -3 -172 -2 -172 1295 0 1295 0 0 174 0 174 -86 7 c-259 21 -409 87 -465 202 -54 112 -53 82 -56 1141 l-4 982 203 -2 202 -3 801 -1337 800 -1337 858 0 857 -1 0 173 0 173 -73 12 c-227 35 -391 133 -530 314 -42 55 -1237 1985 -1288 2080 -8 14 -5 18 13 22 441 87 725 216 933 424 172 171 276 389 331 687 26 141 27 567 1 702 -90 476 -330 770 -777 954 -253 105 -515 160 -990 211 -71 7 -633 12 -1713 15 l-1607 4 2 -173z m3671 -523 c-38 -146 -13 -605 58 -1080 17 -110 33 -228 36 -261 5 -60 4 -63 -30 -100 l-35 -38 -168 -8 c-705 -31 -1246 -141 -1500 -303 l-57 -37 54 61 c179 200 1654 1828 1656 1827 1 -1 -5 -28 -14 -61z"/>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 400 400")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。