ShareStructure brand

The mark

It is the supply ladder inside a shield: three bars that narrow as you step down from authorised shares to the float that actually trades. The shield is the part that is ours — knowing what the supply really is, before it lands on you.

Downloads

• MarkSVG · currentColor, inline it to recolour
• Mark, accent barSVG · middle bar in severity high
• Lockup, dark groundSVG · light ink
• Lockup, light groundSVG · dark ink
• Powered by, dark groundSVG · light ink
• Powered by, light groundSVG · dark ink
• App iconPNG · 512×512

The two mark files draw in currentColor, so inline them in your markup to take your text colour. If you need an <img>, use the dark or light lockup files instead.

Powered by

Any surface showing ShareStructure data carries the credit, linked, inside the same component as the data. Two lockups, each on either ground.

Stacked

<a href="https://www.sharestructure.io/?utm_source=partner&utm_medium=powered-by"
   target="_blank" rel="noopener">
  <img src="https://www.sharestructure.io/brand/powered-by-sharestructure-dark.svg"
       width="194" height="36" alt="Powered by ShareStructure.io">
</a>

Inline

<a href="https://www.sharestructure.io/?utm_source=partner&utm_medium=powered-by"
   target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:8px;color:#e9eaec;
          font:14px/1 system-ui,sans-serif;text-decoration:none">
  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
    <path d="M12 1.8 20.2 4.8 V12 C20.2 16.9 16.8 20.6 12 22.3 C7.2 20.6 3.8 16.9 3.8 12 V4.8 Z"
          stroke="currentColor" stroke-width="1.9" stroke-linejoin="round"/>
    <rect x="7.6" y="7.6" width="8.8" height="2.1" rx=".6" fill="currentColor"/>
    <rect x="8.6" y="11.1" width="6.8" height="2.1" rx=".6" fill="currentColor"/>
    <rect x="9.9" y="14.6" width="4.2" height="2.1" rx=".6" fill="currentColor"/>
  </svg>
  <span style="color:#a6a9b0">Dilution data by <b style="color:#e9eaec">ShareStructure.io</b></span>
</a>

Score badge

Partner API keys can embed the live badge, which carries the credit on its own. See Developers.

<a href="https://www.sharestructure.io/scanner/FFAI?utm_source=YOURSITE&utm_medium=api">
  <img src="https://www.sharestructure.io/embed/badge/FFAI.svg?key=pk_live_…"
       width="260" height="44" alt="FFAI dilution risk — ShareStructure.io">
</a>

Colours

The palette is greyscale plus four severity hues. Those four are the only colour in the system, and they always mean risk — never decoration.

Type is Chivo for text and IBM Plex Mono for every number.

Rules

• DoLeave the mark one colour. The only permitted exception is the middle bar in severity high, #f5793b.
• DoGive the mark at least 16px. Below that the ladder bars close up.
• DoKeep clear space on all four sides equal to one bar height (roughly a twelfth of the mark).
• DoLink every "Powered by" credit back to sharestructure.io, in the same component as the data.
• Don’tImply that ShareStructure endorses, recommends or rates any stock as a buy or a sell.
• Don’tCrop, rotate or slice the shield, or lift the ladder bars out of it.

Questions, or need a format that is not here — hello@sharestructure.io.