jellyn

Brand & design

The Jellyn identity, and how to use it. A few simple rules keep Jellyn easy to recognise wherever it shows up: use the artwork as it is, give it room, and keep its colours.

Download the logoUsing the name

Logo

The jelly and the word jellyn go together wherever there is room. The jelly on its own works where Jellyn is already clear, like an app icon or a small avatar.

jellyn
On light backgrounds
jellyn
On dark backgrounds

Clear space

Leave at least half the jelly’s height empty on every side of the logo: no text, pictures or edges inside it. The space comes from the logo itself, so it grows and shrinks with it.

½ jelly
jellyn
The dashed line is the clear space: half the jelly’s height on each side.

Do & don’t

Keep the artwork whole. These show the simplest ways to get it right, and the changes that make it stop looking like Jellyn.

Keep its shape

Do
jellyn
Use the artwork as it comes.
Don’t
jellyn
Stretch, squash or tilt it.

Give it room

Do
jellyn
Leave the clear space around it.
Don’t
jellyn
COMMUNITY RP
Crowd it with other words or pictures.

Keep its colours

Do
jellyn
Use the original colours.
Don’t
jellyn
Recolour it, or add glows, outlines or shadows.

Colour

Raspberry is the colour of the jelly and of everything you can press on Jellyn. The flavours mark kinds of things, like icons and badges. Warm paper and charcoal sit behind them, in light and dark mode. Each colour has a light and a dark value; click one to copy it.

  • RaspberryThe jelly: buttons, links and focus.
  • GrapeA flavour, for icons and badges.
  • BlueberryA flavour, for icons and badges.
  • MintA flavour, for icons and badges.
  • PaperThe page behind everything.
  • InkText.

Typography

Bricolage Grotesque sets headings and the word jellyn; Geist sets everything you read and press; Geist Mono sets code and figures that line up. All three are free fonts from Google Fonts, under the SIL Open Font License.

Bricolage GrotesqueHeadings and the wordmarkShifts, logs and sessions
GeistInterface and long textYour staff team, in one place.
Geist MonoCode, IDs and figuresLOA #142 · 03:41:07

Files

Use these files as they are: keep their proportions and colours, and use the Jellyn+ mark only when you mean Jellyn+.

  • Jellyn logoThe jelly, for light and dark · PNG, 500 × 500Download
  • Jellyn+For Jellyn+ only · PNG, 256 × 256Download

Using the Jellyn name and logo

The name Jellyn, the jelly logo, the Jellyn+ mark and the rest of Jellyn’s look belong to the Jellyn team.

You may

Use them to talk about Jellyn truthfully, for example in a video, a guide, or a post saying your server uses Jellyn, as long as you follow this page and don’t make it look like the Jellyn team runs, sponsors or approves what you make.

Please don’t

  • Put Jellyn, or a name that could be mistaken for it, in the name of your server, bot, app, website or social account.
  • Register a name, web address or trade mark that contains it, or one that looks like it.
  • Change the logo beyond what this page shows: no stretching, recolouring, redrawing or effects.
  • Make your server, bot or product look like Jellyn so people think it is part of Jellyn.
  • Sell anything with the logo on it without asking first.
  • Use them with anything unlawful, misleading or hurtful.

Using the name or logo doesn’t give you any ownership of them, and the Jellyn team can ask you to stop. If you are not sure, ask in the Jellyn Discord server.

Search Jellyn

↑↓ to browse Enter to open Esc to close