ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Tosla (e-para)
- 公式カラー (HEX / RGB / HSL)
- #EE3124rgb(238, 49, 36) · hsl(4, 86%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 4.1:1 · 黒背景 4.8:1 · 2.6 KB
<svg viewBox="0 0 100 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 2608899">
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M0 6.15584C0 3.23856 2.36333 0.873535 5.27852 0.873535C8.19373 0.873535 10.557 3.23856 10.557 6.15584C10.557 9.0731 8.19373 11.4381 5.27852 11.4381C2.36333 11.4381 0 9.0731 0 6.15584Z" fill="#EE3124"/>
<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M33.045 30.6858C30.2097 30.6858 27.9111 28.3856 27.9111 25.5482C27.9111 22.7108 30.2097 20.4106 33.045 20.4106C35.8804 20.4106 38.179 22.7108 38.179 25.5482C38.179 28.3856 35.8804 30.6858 33.045 30.6858ZM33.1173 14.1152C26.672 14.1152 21.6203 18.8744 21.6203 25.5987C21.6203 32.3228 26.672 37.1259 33.1173 37.1259C39.6061 37.1259 44.6144 32.3228 44.6144 25.5987C44.6144 18.8744 39.6061 14.1152 33.1173 14.1152Z" fill="#EE3124"/>
<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M51.8292 29.3119C51.9163 30.7963 52.9633 32.2368 55.2316 32.2368C56.933 32.2368 57.762 31.3199 57.762 30.3596C57.762 29.5737 57.2384 28.9191 55.6243 28.5699L53.1377 28.0024C48.5138 26.9982 46.6814 24.3789 46.6814 21.323C46.6814 17.3503 50.1713 14.1201 55.0137 14.1201C61.2955 14.1201 63.4767 18.0489 63.6948 20.581L58.198 21.5851C58.0236 20.1443 57.1076 18.9222 55.101 18.9222C53.8358 18.9222 52.7452 19.6644 52.7452 20.7991C52.7452 21.7162 53.4866 22.2397 54.4467 22.4146L57.3255 22.9821C61.8189 23.8988 63.9999 26.6055 63.9999 29.7922C63.9999 33.5027 61.1644 37.1261 55.3626 37.1261C48.5574 37.1261 46.3764 32.7168 46.2016 30.316L51.8292 29.3119Z" fill="#EE3124"/>
<path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M19.8852 30.6147C19.135 31.018 18.0885 31.0025 18.0885 31.0025C16.6049 31.0025 15.4021 29.7832 15.4021 28.2986V28.1519V20.6269H19.4514V14.8385H15.4021V8.47119L13.6412 8.47169C12.6282 12.1422 9.26924 14.8385 5.27893 14.8385V20.6269H8.89434V30.0886C8.89434 33.9752 12.0429 37.1259 15.9271 37.1259C17.319 37.1259 18.6525 36.8759 19.8852 36.4183V30.6147Z" fill="#EE3124"/>
<path id="Vector_5" fill-rule="evenodd" clip-rule="evenodd" d="M66.8864 36.5471H73.3941V6.87939H66.8864V36.5471Z" fill="#EE3124"/>
<path id="a" d="M93.5098 16.8125L94.0647 14.8314H100V36.5367H93.5098V34.4287C91.9505 36.1566 89.759 37.1259 86.6403 37.1259C81.3301 37.1259 75.8514 32.7851 75.8514 25.6206C75.8514 18.4982 81.3301 14.1152 86.6403 14.1152C89.759 14.1152 91.9505 15.1267 93.5098 16.8125ZM88.0732 30.8886C91.1497 30.8886 93.3412 28.6128 93.3412 25.6206C93.3412 22.6284 91.1497 20.3526 88.0732 20.3526C84.9967 20.3526 82.8052 22.6284 82.8052 25.6206C82.8052 28.6128 84.9967 30.8886 88.0732 30.8886Z" fill="#EE3124"/>
</g>
</svg>
<svg viewBox="0 0 100 38" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><filter id="tbl-white" x="0" y="0" width="100" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-color="#000" result="siyah"/><feComposite in="SourceGraphic" in2="siyah" operator="over" result="zemin"/><feColorMatrix in="zemin" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -20 -20 -20 60 0" result="dolu"/><feColorMatrix in="zemin" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 5 -10 5 0 -8" result="eflatun"/><feComposite in="eflatun" in2="dolu" operator="arithmetic" k1="0" k2="-0.6" k3="1" k4="0" result="m"/><feComposite in="m" in2="SourceAlpha" operator="in"/></filter></defs><g filter="url(#tbl-white)">
<g id="Group 2608899">
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M0 6.15584C0 3.23856 2.36333 0.873535 5.27852 0.873535C8.19373 0.873535 10.557 3.23856 10.557 6.15584C10.557 9.0731 8.19373 11.4381 5.27852 11.4381C2.36333 11.4381 0 9.0731 0 6.15584Z" fill="#EE3124"/>
<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M33.045 30.6858C30.2097 30.6858 27.9111 28.3856 27.9111 25.5482C27.9111 22.7108 30.2097 20.4106 33.045 20.4106C35.8804 20.4106 38.179 22.7108 38.179 25.5482C38.179 28.3856 35.8804 30.6858 33.045 30.6858ZM33.1173 14.1152C26.672 14.1152 21.6203 18.8744 21.6203 25.5987C21.6203 32.3228 26.672 37.1259 33.1173 37.1259C39.6061 37.1259 44.6144 32.3228 44.6144 25.5987C44.6144 18.8744 39.6061 14.1152 33.1173 14.1152Z" fill="#EE3124"/>
<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M51.8292 29.3119C51.9163 30.7963 52.9633 32.2368 55.2316 32.2368C56.933 32.2368 57.762 31.3199 57.762 30.3596C57.762 29.5737 57.2384 28.9191 55.6243 28.5699L53.1377 28.0024C48.5138 26.9982 46.6814 24.3789 46.6814 21.323C46.6814 17.3503 50.1713 14.1201 55.0137 14.1201C61.2955 14.1201 63.4767 18.0489 63.6948 20.581L58.198 21.5851C58.0236 20.1443 57.1076 18.9222 55.101 18.9222C53.8358 18.9222 52.7452 19.6644 52.7452 20.7991C52.7452 21.7162 53.4866 22.2397 54.4467 22.4146L57.3255 22.9821C61.8189 23.8988 63.9999 26.6055 63.9999 29.7922C63.9999 33.5027 61.1644 37.1261 55.3626 37.1261C48.5574 37.1261 46.3764 32.7168 46.2016 30.316L51.8292 29.3119Z" fill="#EE3124"/>
<path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M19.8852 30.6147C19.135 31.018 18.0885 31.0025 18.0885 31.0025C16.6049 31.0025 15.4021 29.7832 15.4021 28.2986V28.1519V20.6269H19.4514V14.8385H15.4021V8.47119L13.6412 8.47169C12.6282 12.1422 9.26924 14.8385 5.27893 14.8385V20.6269H8.89434V30.0886C8.89434 33.9752 12.0429 37.1259 15.9271 37.1259C17.319 37.1259 18.6525 36.8759 19.8852 36.4183V30.6147Z" fill="#EE3124"/>
<path id="Vector_5" fill-rule="evenodd" clip-rule="evenodd" d="M66.8864 36.5471H73.3941V6.87939H66.8864V36.5471Z" fill="#EE3124"/>
<path id="a" d="M93.5098 16.8125L94.0647 14.8314H100V36.5367H93.5098V34.4287C91.9505 36.1566 89.759 37.1259 86.6403 37.1259C81.3301 37.1259 75.8514 32.7851 75.8514 25.6206C75.8514 18.4982 81.3301 14.1152 86.6403 14.1152C89.759 14.1152 91.9505 15.1267 93.5098 16.8125ZM88.0732 30.8886C91.1497 30.8886 93.3412 28.6128 93.3412 25.6206C93.3412 22.6284 91.1497 20.3526 88.0732 20.3526C84.9967 20.3526 82.8052 22.6284 82.8052 25.6206C82.8052 28.6128 84.9967 30.8886 88.0732 30.8886Z" fill="#EE3124"/>
</g>
</g></svg>
使用上の注意
- 元の 50:19 の縦横比(viewBox "0 0 100 38")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。