Githawk: Special UI for "Sent with GitHawk" in app

[rnystrom]

• Strip this footer in the app
• If we detect it, show a special badge next to the avatar or something cool
• Tap on the small badge and show a popover that says "Sent with GitHawk"

Give people some flair 😄

h/t @flovilmart

[rnystrom]

Need to design a tiny hawk badge

[flovilmart]

Cc @governorjosh

[cieslakdawid]

I've taken some time to play a bit with the designs you uploaded recently and I made three simple mocks/animations. Badges are in most common format (circular), but I'm not sure if they go well with rectangular pictures.

• I'm not sure about tapping on the badge - there is not much space, so they would probably be very small and hard to tap. But let's say we can trigger the animation by tapping on the profile picture.
• I feel that popover is a bit too "heavy" component for such a small thing
• @BasThomas made a good point on Twitter - it's easy to suggest that someone is "GitHub owner/team member" rather than "GitHawk user". I feel like 2 of the 3 examples below are confusing in this way.

Anyway, maybe someone will find some inspiration in this 🎉😊

Default View:

During Animation:

Sketch Files + Movie ^ in video format:

Sketch_and_Movie.zip

[flovilmart]

I like the last one, with the grayed via GitHawk 🐦 , it's subtle and conveys it well

[rnystrom]

@cieslakdawid WOW! These are so cool! I'm loving the badge w/ a small drop shadow. Going to try implementing a few of these.

And the animations are 🔥, def going to see if we can make some of these happen.