Logo

The Wildeye lockups, the animated mark and the reseller versions, and where each one is used.

Live React portWildLogoFull.vueWildeyeLogoAnimated

Try it

Change the theme and speed, or turn off the water fill. With reduced motion on, the logo shows its final frame.

Theme

Speed

Water fill

<WildeyeLogoAnimated
  theme="light"
  :speed="1"
  :water="true"
  :play-key="playKey"
/>

The leaf is cut out of the square, so the ground behind shows through it.

Three SVG files. Download the one that suits the ground.

OriginalCyan “wild”, green “eye”.

GreyCharcoal wordmark, blue leaf. The default for documents and UI.

WhiteEvery path white, including the leaf. For dark grounds.

A full wordmark for chrome and marketing, and a leaf mark where the wordmark would be too small: a favicon, a collapsed sidebar, a map pin.

full

leaf

The leaf is drawn to hold at 16px, where the wordmark’s letters would close up.

The leaf at each size the product uses.

16 for the favicon and the collapsed rail; 40 and 56 on the login screen. Below 16, the leaf’s shapes merge.

The white lockup is for the login screen and the dark map basemap.

Use the grey lockup on white and light grounds.
Use the white lockup on dark grounds.
Use the leaf alone where the wordmark would be too small: favicons, a collapsed sidebar, map pins.
Use the files as they are. Don’t recolour or redraw the logo.

Don’t use it

Token	Value	Where it lands
--color-primary	#00AEEF	The leaf, and “wild” in the original.
--color-grey-900	#4F4D55	The grey lockup’s wordmark.
(no token)	#0DB14B	“eye” in the original lockup. The file’s own green, not a ramp step.
--color-white	#FFFFFF	The white lockup.