# Resources

Feel free to use the following assets for presentations, blog posts, etc about LiveStore.

## Logo

<table>
  <thead>
    <tr>
      <th style="text-align: center;">Dark PNG</th>
      <th style="text-align: center;">Dark SVG</th>
      <th style="text-align: center;">Light PNG</th>
      <th style="text-align: center;">Light SVG</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="background-color: #333333; padding: 30px; text-align: center;">
        <img src="/resources/logo-dark.png" width="200" alt="LiveStore Logo Dark PNG" />
      </td>
      <td style="background-color: #333333; padding: 30px; text-align: center;">
        <img src="/resources/logo-dark.svg" width="200" alt="LiveStore Logo Dark SVG" />
      </td>
      <td style="background-color: #F0F0F0; padding: 30px; text-align: center;">
        <img src="/resources/logo-light.png" width="200" alt="LiveStore Logo Light PNG" />
      </td>
      <td style="background-color: #F0F0F0; padding: 30px; text-align: center;">
        <img src="/resources/logo-light.svg" width="200" alt="LiveStore Logo Light SVG" />
      </td>
    </tr>
  </tbody>
</table>

## Architecture diagrams

### Client scenarios

<iframe src='https://www.tldraw.com/p/NJKH2PHghAeJC-7UIC1xF?d=v-97.-1297.3177.3303.ZMsCZoB-D6VX-W2poI5Gm' style={{ height: '400px', width: '100%' }} />

### Sync architecture

<iframe src='https://www.tldraw.com/p/CWLjWxk0On_rAtjsJ4vt2?d=v-491.-533.2303.2394.RaypXEQgx30bxQnCcVFAG' style={{ height: '400px', width: '100%' }} />

### Data modeling

<iframe src='https://www.tldraw.com/p/7yByV0g6ksHmbIORnwoH3?d=v-336.-500.1614.1677.RnlHGrijaybsLhyM0sTlL' style={{ height: '400px', width: '100%' }} />