We design for founders Who want to
Drive conversions
And Tell Story
We design for founders Who want to
Drive conversions
And Tell Story
Pantom is an independent studio that shape brands, products, and websites that carry presence — not just polish.
Pantom is an independent studio that shape brands, products, and websites that carry presence — not just polish.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 0.361 7.315 C -0.12 6.515 -0.12 5.486 0.361 4.686 C 1.323 2.972 3.536 0 7 0 C 10.464 0 12.677 2.971 13.639 4.686 C 14.12 5.486 14.12 6.515 13.639 7.315 C 12.677 9.029 10.464 12.001 7 12.001 C 3.536 12.001 1.323 9.144 0.361 7.315 Z M 7 9.001 C 8.657 9.001 10 7.658 10 6.001 C 10 4.344 8.657 3.001 7 3.001 C 5.343 3.001 4 4.344 4 6.001 C 4 7.658 5.343 9.001 7 9.001 Z" fill="transparent" height="12.000980000000013px" id="WkyhMajsY" transform="translate(1 2)" width="13.999510000000004px"><path d="M 0.361 7.315 C -0.12 6.515 -0.12 5.486 0.361 4.686 C 1.323 2.972 3.536 0 7 0 C 10.464 0 12.677 2.971 13.639 4.686 C 14.12 5.486 14.12 6.515 13.639 7.315 C 12.677 9.029 10.464 12.001 7 12.001 C 3.536 12.001 1.323 9.144 0.361 7.315 Z" fill="transparent" height="12.000979900360093px" id="ouU4cwDB9" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(0 0)" width="13.999510000000004px"/><path d="M 3 6 C 4.657 6 6 4.657 6 3 C 6 1.343 4.657 0 3 0 C 1.343 0 0 1.343 0 3 C 0 4.657 1.343 6 3 6 Z" fill="rgb(143, 143, 143)" height="6px" id="akjG_7LlE" transform="translate(4 3.001)" width="6px"/></g></svg>)
Brand identity
Brand identity
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 11 0 L 3 0 C 1.343 0 0 1.343 0 3 L 0 5 L 14 5 L 14 3 C 14 1.343 12.657 0 11 0 Z M 3 3 C 2.448 3 2 2.552 2 2 C 2 1.448 2.448 1 3 1 C 3.552 1 4 1.448 4 2 C 4 2.552 3.552 3 3 3 Z M 6 3 C 5.448 3 5 2.552 5 2 C 5 1.448 5.448 1 6 1 C 6.552 1 7 1.448 7 2 C 7 2.552 6.552 3 6 3 Z M 0 3 L 0 11 C 0 12.657 1.343 14 3 14 L 11 14 C 12.657 14 14 12.657 14 11 L 14 3 C 14 1.343 12.657 0 11 0 L 3 0 C 1.343 0 0 1.343 0 3 Z" fill="transparent" height="14px" id="iLXM5tSWM" transform="translate(1 1)" width="14px"><path d="M 11 0 L 3 0 C 1.343 0 0 1.343 0 3 L 0 5 L 14 5 L 14 3 C 14 1.343 12.657 0 11 0 Z M 3 3 C 2.448 3 2 2.552 2 2 C 2 1.448 2.448 1 3 1 C 3.552 1 4 1.448 4 2 C 4 2.552 3.552 3 3 3 Z M 6 3 C 5.448 3 5 2.552 5 2 C 5 1.448 5.448 1 6 1 C 6.552 1 7 1.448 7 2 C 7 2.552 6.552 3 6 3 Z" fill="rgb(143, 143, 143)" height="5px" id="W77ZCXCDX" width="14px"/><path d="M 0 3 L 0 11 C 0 12.657 1.343 14 3 14 L 11 14 C 12.657 14 14 12.657 14 11 L 14 3 C 14 1.343 12.657 0 11 0 L 3 0 C 1.343 0 0 1.343 0 3 Z" fill="transparent" height="14px" id="ucrMfenUw" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" width="14px"/></g></svg>)
Product and Web Design
Product and Web Design
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 2.6 0 L 2.6 14 M 0 4 L 13 4 M 10.4 0 L 10.4 14 M 0 10 L 13 10" fill="transparent" height="14px" id="zznVE1k_q" transform="translate(1.5 1)" width="13px"><path d="M 0 0 L 0 14" fill="transparent" height="14px" id="d6OHonNhF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(2.6 0)" width="1px"/><path d="M 0 0 L 13 0" fill="transparent" height="1px" id="dJH536KI9" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(0 4)" width="13px"/><path d="M 0 0 L 0 14" fill="transparent" height="14px" id="stnxC_gRQ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(10.4 0)" width="1px"/><path d="M 0 0 L 13 0" fill="transparent" height="1px" id="cbePyqts8" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(0 10)" width="13px"/></g></svg>)
Design Systems
Design Systems
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 0 1.52 C 0 0.68 0.81 0 1.808 0 L 11.303 0 C 12.301 0 13.111 0.68 13.111 1.52 L 13.111 2.66 L 0 2.66 Z M 0 7.98 C 0 8.82 0.81 9.5 1.808 9.5 L 11.303 9.5 C 12.301 9.5 13.111 8.82 13.111 7.98 L 13.111 6.84 L 0 6.84 Z M 6.555 2.66 L 6.555 6.84 M 0 2.66 L 13.111 2.66 M 0 6.84 L 13.111 6.84 M 6.555 6.84 L 6.555 9.5 M 6.555 0 L 6.555 2.66 M 3.165 0 L 3.165 2.66 M 9.946 0 L 9.946 2.66 M 3.165 6.84 L 3.165 9.5 M 9.946 6.84 L 9.946 9.5 M 1.808 9.5 L 11.303 9.5 C 12.301 9.5 13.111 8.82 13.111 7.98 L 13.111 1.52 C 13.111 0.68 12.301 0 11.303 0 L 1.808 0 C 0.81 0 0 0.68 0 1.52 L 0 7.98 C 0 8.82 0.81 9.5 1.808 9.5 Z" fill="transparent" height="9.499999956651349px" id="yUURYYo3W" transform="translate(1.056 3.75)" width="13.110999999999994px"><path d="M 0 1.52 C 0 0.68 0.81 0 1.808 0 L 11.303 0 C 12.301 0 13.111 0.68 13.111 1.52 L 13.111 2.66 L 0 2.66 Z" fill="rgba(143, 143, 143, 0.3)" height="2.6599998040634585px" id="l4aLV9es5" transform="translate(0 0)" width="13.11099999999999px"/><path d="M 0 1.14 C 0 1.98 0.81 2.66 1.808 2.66 L 11.303 2.66 C 12.301 2.66 13.111 1.98 13.111 1.14 L 13.111 0 L 0 0 Z" fill="rgba(143, 143, 143, 0.3)" height="2.6599998040634585px" id="HBwJWQ0Z2" transform="translate(0 6.84)" width="13.11099999999999px"/><path d="M 0 0 L 0 4.18" fill="transparent" height="4.1799996920997184px" id="CLxTHojsQ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(6.555 2.66)" width="1px"/><path d="M 0 0 L 13.111 0" fill="transparent" height="1px" id="sM7l9kf9h" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(0 2.66)" width="13.11099999999999px"/><path d="M 0 0 L 13.111 0" fill="transparent" height="1px" id="czw7TaN2I" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(0 6.84)" width="13.11099999999999px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="RzuZgpXLf" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(6.555 6.84)" width="1px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="nFXK2SE19" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(6.555 0)" width="1px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="mpzba4FTz" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(3.165 0)" width="1px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="IhYO9Sg9I" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(9.946 0)" width="1px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="wnbITMaQF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(3.165 6.84)" width="1px"/><path d="M 0 0 L 0 2.66" fill="transparent" height="2.6599998040634585px" id="Pjnx56BTe" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(9.946 6.84)" width="1px"/><path d="M 1.808 9.5 L 11.303 9.5 C 12.301 9.5 13.111 8.82 13.111 7.98 L 13.111 1.52 C 13.111 0.68 12.301 0 11.303 0 L 1.808 0 C 0.81 0 0 0.68 0 1.52 L 0 7.98 C 0 8.82 0.81 9.5 1.808 9.5 Z" fill="transparent" height="9.499999300226635px" id="L28WVMZRL" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(143, 143, 143)" transform="translate(0 0)" width="13.11099999999999px"/></g></svg>)
Motion and Animation
Motion and Animation
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 0 16 L 0 0 L 16 0 L 16 16 Z M 6.667 4.666 L 4.642 4.666 C 4.237 4.666 3.853 4.851 3.6 5.168 L 1.199 8.174 L 4.234 8.901 M 11.333 9.333 L 11.333 11.358 C 11.333 11.763 11.149 12.146 10.832 12.4 L 7.825 14.801 L 7.099 11.766 M 10.333 6 C 10.517 6 10.667 5.85 10.667 5.666 C 10.667 5.482 10.517 5.334 10.333 5.334 C 10.149 5.334 10 5.482 10 5.666 C 10 5.85 10.149 6 10.333 6 Z M 2.935 11.3 C 2.728 11.402 2.521 11.548 2.323 11.746 C 1.549 12.521 1.333 14.666 1.333 14.666 C 1.333 14.666 3.48 14.45 4.253 13.678 C 4.451 13.479 4.597 13.272 4.7 13.066 M 7.099 11.766 C 10.941 10.71 14.142 7.43 14.667 1.334 C 8.57 1.858 5.289 5.058 4.234 8.901 L 7.1 11.766 Z" fill="transparent" height="16px" id="XflzBLHhU" width="16px"><path d="M 0 16 L 0 0 L 16 0 L 16 16 Z" fill="transparent" height="16px" id="gwn2uGouE" width="16px"/><path d="M 5.469 0 L 3.443 0 C 3.038 0 2.655 0.185 2.401 0.502 L 0 3.508 L 3.035 4.234" fill="transparent" height="4.234400000000005px" id="oY4nnEEaP" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(1.199 4.666)" width="5.468664000000004px"/><path d="M 4.234 0 L 4.234 2.025 C 4.234 2.43 4.049 2.814 3.733 3.067 L 0.726 5.468 L 0 2.433" fill="transparent" height="5.468000000000007px" id="ZU4z4vjwZ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(7.099 9.333)" width="4.233959999999996px"/><path d="M 0.333 0.666 C 0.517 0.666 0.667 0.517 0.667 0.333 C 0.667 0.149 0.517 0 0.333 0 C 0.149 0 0 0.149 0 0.333 C 0 0.517 0.149 0.666 0.333 0.666 Z" fill="rgb(143, 143, 143)" height="1px" id="ReAdCt0Xu" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(10 5.334)" width="1px"/><path d="M 1.601 0 C 1.395 0.102 1.188 0.248 0.989 0.446 C 0.215 1.221 0 3.366 0 3.366 C 0 3.366 2.147 3.15 2.92 2.378 C 3.118 2.179 3.264 1.972 3.367 1.766" fill="transparent" height="3.3663999999999987px" id="FO7U5Bq9G" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(1.333 11.3)" width="3.366664px"/><path d="M 2.865 10.432 C 6.707 9.377 9.908 6.096 10.433 0 C 4.336 0.524 1.055 3.725 0 7.567 L 2.866 10.433 Z" fill="transparent" height="10.432799999999997px" id="rN1OhX9Ui" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(143, 143, 143)" transform="translate(4.234 1.334)" width="10.432656000000001px"/></g></svg>)
MVP Launch
MVP Launch
