kotlin-telegram icon indicating copy to clipboard operation
kotlin-telegram copied to clipboard

Branded chat icons

Open r4zzz4k opened this issue 5 years ago • 8 comments

Some people mention confusion about our chats related to each other. Thought we have them all mentioned in rules, not everyone goes checking them.

Multiple chat and channel families go the way of including some noticable detail to their icon, which makes them recognizable and related just by looking at chat list. We should do something similar.

r4zzz4k avatar Feb 23 '20 16:02 r4zzz4k

What do you think about this color-scheme?

Kotlin Start Kotlin Community Kotlin JS Kotlin Android Kotlin JVM Meta

dector avatar Feb 24 '20 20:02 dector

I'm not true ~~welder~~ designer, but here are few sketches:

KotlinStart_w1 KotlinStart_w2 KotlinStart_w3 KotlinStart_w4 KotlinStart_w5

Full-size

kotlin_start_op1 kotlin_start_op2 kotlin_start_op3 kotlin_start_op4 kotlin_start_op5

dector avatar Feb 24 '20 21:02 dector

Thanks, this seems nice! I'd go for colored logo, it should be more recognizable when scimming through chat icons. What do you think of icons instead of text for each chat? JVM, JS and Android have simple icons which should be reognizable even in small sizes. Native is a bit harder, as LLVM dragon is too detailed. Maybe some emoji-like chip would be okay. Though it also covers iOS. Dunno. Start can be something like 🎓, meta -- wooden hammer or something related to court. Let us know if this sounds reasonable and if so, how does it look!

r4zzz4k avatar Feb 25 '20 00:02 r4zzz4k

Kotlin Android is actually called Kotlin Mobile. Looks like it was also intended for iOS and MPP. I like both monochrome icons and stroked coloured one. Unstroked coloured look worse.

Miha-x64 avatar Feb 25 '20 10:02 Miha-x64

Kotlin Mobile

Looks like it was also intended for iOS and MPP.

Yes, but looks like it's not so true and this chat is used by Android developer only. My hope was that adoption of MPP will be swift (ha!), but right now it's not so (or people use some other place for MPP discussions)

Chats Group and Individuality

We have two opposite goals here:

  1. Make Kotlin chats recognizable as single group
  2. Every Kotlin chat should be unique to distinguish between chats

We can use for this color and layout

I suggest to use color for distinguishing, and layout for grouping.

Colors and Layout

Here how JB uses two color ("Kotlin Colors") and form for different platforms:

image

We can advantage this, and use this colors for avatars.

Also we can use platform colors like:

JS: image

Android: image

Native (LLVM) - debatable: image

OpenJDK: image

IRus avatar Feb 25 '20 11:02 IRus

Also we should make sure that avatar looks good with light and dark themes, and avatars recognizable even with small blur on top of them.

avatar

IRus avatar Feb 25 '20 12:02 IRus

Both LLVM's dragon and Apple's, well, apple, are silver, so it may be an option to go with gray-ish color.

I also agree that _mobile is used for Android only and that seems to be more friendly not to disrupt current chat usage. I doubt androiders not using KMP would be fond of Native-related questions.

r4zzz4k avatar Feb 25 '20 15:02 r4zzz4k

@IRus awesome options!

Also, jic: these folks have quite nice outlined logo https://twitter.com/HelloKotlin

dector avatar Feb 25 '20 23:02 dector