项目 · 开源

每一个红点,都有迹可循。

Red Dot Tracker 追着红点跑过每一面墙,记下每一次扑击。适合:项目首页、产品页。

install red-dot

十二个房间,一份记录

客厅、走廊、卧室:每个房间的红点路线都写进同一个文件,按房间分组,随时可以回看。

读懂光的规律

红点沿直线前进,碰到镜子就拐弯。看得多了,你就知道它下一步会去哪儿。

一个都没抓到,也没关系。

开始追踪 ↗
标记
<main class="f-split f-prose">
  <header class="f-split__hero">
    <div>
      <h1>Every red dot, on the record.</h1>
      <div class="f-cluster"><a class="f-btn f-btn--primary" href="#">Start tracking</a></div>
      <div class="f-split__install">
        <code>install red-dot</code><button class="f-btn" type="button">Copy</button>
      </div>
    </div>
    <div class="f-split__visual"><img src="board.jpg" alt="" /></div>
  </header>
  <section class="f-split__feature">
    <div><h2>Twelve rooms, one record</h2><p>…</p></div>
    <img src="board-2.jpg" alt="" />
  </section>
  <section class="f-split__band">
    <h2>Zero dots caught, and that's fine.</h2>
    <a class="f-btn f-btn--primary" href="#">Start tracking</a>
  </section>
</main>