Design icons for RGB++ actions

Keith-CY commented 3 months ago

This issue comes from https://github.com/Magickbase/ckb-explorer-public-issues/issues/773, we are going to use icons prior to text to illustrate the action of an RGB++ transaction.

@Kirl70 Could you do me a favor to design a set of icons for the transportation of assets between BTC and CKB

I'm inspired by the game "Portal"

RGB++ works similarly, the asset will be teleported via the portals on BTC and CKB.

But in the CKB Explorer, we can describe the teleportation from the CKB perspective.

The color of the portal can be the primary color of BTC, which will make it easier to add themes for other blockchains in the future.

Kirl70 commented 2 months ago

Some icon schemes

Keith-CY commented 2 months ago

I prefer the concept of portal, similar to teleport or something.

But this one looks good if it can be an animation with gradually changed color

Arrow animates from left to right

CKB -> BTC: modified_animation_90deg

Arrow animates from left to right

Kirl70 commented 2 months ago

Animation based on schemes 2

Keith-CY commented 2 months ago

After consideration, I prefer the gradually growing arrow shown in the gif, similar to

It would be great if the color grows along with the arrow instead of simply from left to right.

Kirl70 commented 2 months ago

update

Magickbase / visual-style-guide