Media kit

The Lootiply brand

Everything you need to put Lootiply on a page: the logos, the icons, the colours they are drawn from, and sixteen referral banner sizes in a dark and a light cut. Take what you need, no permission required.

Every mark below is an SVG, so it stays sharp at any size and you never have to pick a resolution. Use them as they are: recolouring, stretching or rebuilding one is the one thing that turns a recognisable logo into an unfamiliar one.

Logos

Horizontal for a header or a footer, stacked when the space is taller than it is wide. Emerald dark is the default; emerald light is for a white page, sapphire is for a context where the green would clash with something next to it.

Lockup horizontal emerald dark SVG

Lockup horizontal emerald light SVG

Lockup horizontal sapphire SVG

Lockup stacked emerald dark SVG

Lockup stacked emerald light SVG

Lockup stacked sapphire SVG

Icons and favicons

The chest on its own, for an avatar, an app tile or anywhere the wordmark will not fit. The favicons are drawn separately at 16, 32 and 48 rather than scaled down, because the coin closes up when the full icon is shrunk that far.

Icon emerald dark SVG

Icon emerald light SVG

Icon sapphire SVG

Favicon 16 SVG

Favicon 32 SVG

Favicon 48 SVG

How to use them

Do not go below these sizes. Underneath them the coin inside the chest closes up and the wordmark's counters fill in, and what is left reads as a green smudge.

Mark	Smallest
Icon	32px wide
Horizontal	110px wide
Stacked	72px tall

Leave room around it. Keep clear space equal to the height of the coin on every side. Nothing else belongs inside that, including a border.

Pick the cut that matches the background rather than putting a box behind the wrong one. That is what the light and sapphire versions are for.

Do not redraw it. No recolouring, no stretching to fit, no gradients or shadows added, no rebuilding the wordmark in another typeface, and no rotating the chest. The type is Outfit, which is open source, if you need it for something adjacent.

The name is one word, Lootiply, capital L and nothing else capitalised. Not LootiPly, not Loot iply.

Colours

One accent does the work: #1FD98A. The rest are the stops the logo artwork is built from, and a pair means a gradient, first value to second.

Emerald on dark

Background #0B1220

Chest front #12805F #0A4034

Chest side #0C5445 #07332A

Lid inner #3AF0A9 #12B87E

Lid edge #0E8A64 #0A5F46

Strap #FFD97A #D18E12

Coin #FFE08A #F0A61B

Coin inner #E9A519 #FFD97A

Coin edge #A66F0E

Wordmark #F7FAF9

Emerald on light

Background #F7FAF9

Chest front #149067 #0B4E3D

Chest side #0C5A48 #073B2F

Lid inner #2BE09C #0E9E6E

Lid edge #0C7A58 #085840

Strap #F0C75E #B97E12

Coin #F7CE5B #D9990E

Coin inner #C88410 #EDBE55

Coin edge #8F5E08

Wordmark #0B1220

Sapphire

Background #070E1C

Chest front #1E5192 #102B52

Chest side #16406F #0B2242

Lid inner #6FB0FF #2F6FE0

Lid edge #1D5CA8 #153F78

Strap #FFD97A #D18E12

Coin #FFE08A #F0A61B

Coin inner #E9A519 #FFD97A

Coin edge #A66F0E

Wordmark #F7FAF9

Every value as JSON

Social image

1200x630, which is what a link preview wants. The SVG is the source if you need it at another size.

Social share image PNG

Social share image SVG

Referral banners

16 standard sizes, each in a dark and a light cut. Sign in and the invite page hands you the same set with your referral code already inside the markup, as HTML or BBCode.

Dark Light

Anything else

Need a size that is not here, a transparent cut, or a written line about what the site does? Ask and it gets made.