Skip to content

Provider Program · Brand kit

The Connect to INFRO button.

For providers in the Provider Program: a button and a badge for your docs and site. Each links to your own page on infro.io, where a reader sets up INFRO with your API already chosen.

Connect to INFROConnect to INFRO
On light pages
Connect to INFROConnect to INFRO
On dark pages

Your snippet

HTML for a site, Markdown for a README or a docs platform. The image is served from infro.io, so there is nothing to host.

Your providerListed once your integration is live. Not there yet? Your page on infro.io is created when it is.
Asset
Style
Height
Connect to INFRO169 × 40 · for light pages
Choose your provider to fill in the snippet. The button always links to your own page on infro.io.

Download this SVGconnect-to-infro-dark-40.svg

The badge

For a list of integrations, a footer or a pricing page: places where a button that does something does not fit.

Available on INFROOn light pages
Available on INFROOn dark pages

Files

Outlined, so they carry no font and look the same everywhere. Heights of 32, 40 and 48 px; the 40 px button suits most docs.

Connect to INFRO button

  • connect-to-infro-dark-32.svgDark · 143 × 32Download
  • connect-to-infro-dark-40.svgDark · 169 × 40Download
  • connect-to-infro-dark-48.svgDark · 199 × 48Download
  • connect-to-infro-light-32.svgLight · 143 × 32Download
  • connect-to-infro-light-40.svgLight · 169 × 40Download
  • connect-to-infro-light-48.svgLight · 199 × 48Download
  • connect-to-infro-outline-ink-32.svgOutline · 143 × 32Download
  • connect-to-infro-outline-ink-40.svgOutline · 169 × 40Download
  • connect-to-infro-outline-ink-48.svgOutline · 199 × 48Download
  • connect-to-infro-outline-paper-32.svgOutline for dark pages · 143 × 32Download
  • connect-to-infro-outline-paper-40.svgOutline for dark pages · 169 × 40Download
  • connect-to-infro-outline-paper-48.svgOutline for dark pages · 199 × 48Download

Available on INFRO badge

  • available-on-infro-dark-40.svgDark · 120 × 40Download
  • available-on-infro-dark-48.svgDark · 142 × 48Download
  • available-on-infro-light-40.svgLight · 120 × 40Download
  • available-on-infro-light-48.svgLight · 142 × 48Download

Usage

Part of the Provider Program terms, which govern the marks.

  1. 01Use the files as supplied. Do not recolour, stretch, crop, re-type or add effects to them, and do not separate the mark from the words.
  2. 02Keep it legible. At least 28 px tall for the button and 40 px for the badge, with clear space around it of at least half its height.
  3. 03Always link to your Connect page. infro.io/connect/<your provider>, with the parameters the snippet carries. Never to another provider's page.
  4. 04Identify, never endorse. Do not say or imply that INFRO endorses or certifies you, has any arrangement with you beyond the program, or resells your API. Customers connect their own account with you.
  5. 05Only while you are in the program. Take the button down if you leave the program or the integration is removed.
  6. 06The INFRO Verified mark is ours to show. It appears on infro.io with the date of the last passing verification run. Do not draw it yourself.

The full wording is in the program terms. Something the kit does not cover? Write to integrations@infro.io.

Not in the program yet?

The button is for providers whose integration is live. Apply, and we send yours when it is.

Apply to the program