Brand

Brand kit.

Logos, colors, fonts, and a Powered-by badge for your website. If you write about Crestio, please use these. If you need something missing, email hello@crestio.ai.

Logo

The wordmark is set in Fraunces Italic for the "io" — never the whole word. Two-tone forest green on cream is the default. Keep clear space of one cap-height around the mark.

crestio

Color

Forest green is the only brand accent. Use it for primary buttons, active navigation, and key data points — nowhere else.

Typography

Display · Fraunces
Fraunces — for headlines, brand mark, hero numbers
Sans · IBM Plex Sans
IBM Plex Sans — for body, labels, UI
Mono · IBM Plex Mono
IBM Plex Mono — for code, status, IDs

Embed badge

Drop a "Powered by Crestio" badge on your tutoring website. We don't track visitors who load the badge — it's a static SVG.

HTML
<a href="https://crestio.ai" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #EAEAE6;border-radius:999px;background:#FFF;color:#6B6F6A;font:500 12px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;">
  <span style="width:6px;height:6px;border-radius:999px;background:#1F3A2E"></span>
  Powered by <strong style="color:#0F1714;font-weight:600;letter-spacing:-0.02em">crestio</strong>
</a>

What not to do

  • Don't recolor the wordmark. Forest green or monochrome only.
  • Don't render the wordmark below 24px tall — the italic "io" loses fidelity.
  • Don't tilt, skew, drop-shadow, or outline the mark.
  • Don't use the wordmark to imply endorsement of a third-party product.