Brand

Logo and icon

The same mark as the header: eye + visive. Light iris is teal, not the ring green. Social banners are ready-to-use images.

Logo

The full mark

Visive logo, dark
Dark #c9f75b #6fe7d2 #e9efe9
Download SVG
Visive logo, light
Light #6f9a12 ring #0a7f73 iris #06070a
Download SVG
Icon

The eye

Visive icon, dark
Dark icon lime ring · mint iris
Download SVG
Visive icon, light
Light icon leaf ring · teal iris #0a7f73
Download SVG
SVG

Copy the source

logo-dark.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 36" role="img" aria-label="Visive">
  <g transform="scale(1.125)">
    <circle cx="16" cy="16" r="8.5" fill="none" stroke="#c9f75b" stroke-width="2"/>
    <circle cx="16" cy="16" r="3" fill="#6fe7d2"/>
    <path d="M4 16h5M23 16h5" fill="none" stroke="#c9f75b" stroke-width="2" stroke-linecap="round"/>
  </g>
  <text x="42" y="26" font-family="Space Grotesk, Inter, system-ui, sans-serif" font-size="36" font-weight="500" letter-spacing="-0.04em" fill="#e9efe9">visive<tspan fill="#c9f75b">.</tspan></text>
</svg>
logo-light.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 36" role="img" aria-label="Visive">
  <g transform="scale(1.125)">
    <circle cx="16" cy="16" r="8.5" fill="none" stroke="#6f9a12" stroke-width="2"/>
    <circle cx="16" cy="16" r="3" fill="#0a7f73"/>
    <path d="M4 16h5M23 16h5" fill="none" stroke="#6f9a12" stroke-width="2" stroke-linecap="round"/>
  </g>
  <text x="42" y="26" font-family="Space Grotesk, Inter, system-ui, sans-serif" font-size="36" font-weight="500" letter-spacing="-0.04em" fill="#06070a">visive<tspan fill="#6f9a12">.</tspan></text>
</svg>
icon-dark.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 5 29 22" role="img" aria-label="Visive icon">
  <circle cx="16" cy="16" r="8.5" fill="none" stroke="#c9f75b" stroke-width="2"/>
  <circle cx="16" cy="16" r="3" fill="#6fe7d2"/>
  <path d="M4 16h5M23 16h5" fill="none" stroke="#c9f75b" stroke-width="2" stroke-linecap="round"/>
</svg>
icon-light.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 5 29 22" role="img" aria-label="Visive icon">
  <circle cx="16" cy="16" r="8.5" fill="none" stroke="#6f9a12" stroke-width="2"/>
  <circle cx="16" cy="16" r="3" fill="#0a7f73"/>
  <path d="M4 16h5M23 16h5" fill="none" stroke="#6f9a12" stroke-width="2" stroke-linecap="round"/>
</svg>
PNG & JPG

See it, then save it

Right-click any image to save. Or use the filename link. PNG is transparent. JPG sits on black or white.

logo-dark-800.png
logo-dark-800.png Logo · dark · PNG · 800px
logo-light-800.png
logo-light-800.png Logo · light · PNG · 800px
logo-dark-800.jpg
logo-dark-800.jpg Logo · dark · JPG · 800px
logo-light-800.jpg
logo-light-800.jpg Logo · light · JPG · 800px
icon-dark-256.png
icon-dark-256.png Icon · dark · PNG · 256px
icon-light-256.png
icon-light-256.png Icon · light · PNG · 256px
icon-dark-256.jpg
icon-dark-256.jpg Icon · dark · JPG · 256px
icon-light-256.jpg
icon-light-256.jpg Icon · light · JPG · 256px
logo-dark-400.png
logo-dark-400.png Logo · dark · PNG · 400px · slides
logo-light-400.png
logo-light-400.png Logo · light · PNG · 400px · slides
icon-dark-64.png
icon-dark-64.png Icon · dark · PNG · 64px · favicon
icon-light-512.png
icon-light-512.png Icon · light · PNG · 512px · app
Social banners

Talk, see, help.

Ready-made images. Right-click to save, or use the filename. PNG and JPG. No extra copy — logo and visive.ai only.

Open Graph 1200 by 630
og-image-1200x630.png Open Graph · LinkedIn / Facebook post · 1200×630
LinkedIn cover 1584 by 396
linkedin-cover-1584x396.png LinkedIn cover · 1584×396
X header 1500 by 500
x-header-1500x500.png X / Twitter header · 1500×500
Facebook cover 1640 by 624
facebook-cover-1640x624.png Facebook cover · 1640×624
Instagram post 1080 by 1080
instagram-post-1080x1080.png Instagram post · 1080×1080
Instagram story 1080 by 1920
instagram-story-1080x1920.png Instagram / Facebook story · 1080×1920
YouTube art 2560 by 1440
youtube-art-2560x1440.png YouTube channel art · 2560×1440
linkedin-post-1200x627.png
linkedin-post-1200x627.png LinkedIn post · 1200×627
instagram-landscape-1080x566.png
instagram-landscape-1080x566.png Instagram landscape · 1080×566
display-leaderboard-728x90.png
display-leaderboard-728x90.png Display leaderboard · 728×90
display-medium-rectangle-300x250.png
display-medium-rectangle-300x250.png Medium rectangle · 300×250
display-half-page-300x600.png
display-half-page-300x600.png Half page · 300×600
display-wide-skyscraper-160x600.png
display-wide-skyscraper-160x600.png Wide skyscraper · 160×600
og-image-1200x630.jpg
og-image-1200x630.jpg Open Graph · JPG · 1200×630
facebook-post-1200x630.png
facebook-post-1200x630.png Facebook post · 1200×630
Rules

How to use the mark

Match the header

Icon box and word are the same size. Gap is 6px at the 36px header size. Do not stretch the gap when you scale.

One iris, one fill

Centre circle is a solid fill with no stroke. Dark: mint #6fe7d2. Light: teal #0a7f73 — not the ring green.

Period, not .ai

The logo is visive. Write Visive.ai in sentences. Do not put visive.ai inside a pill on the mark.

Black or white fields

Do not sit the mark on a green wash. Ink #06070a or white. Lime is for the ring and the period only.