What to consider when marketing for Web 3
An almost punk-rock energy exists in the crypto community which can be a cause of tension in interactions with current Web 2 brands. For example, this can be seen through critical posts on LinkedIn about users’ NFT profile pictures being removed because they violate LinkedIn’s policies. In many cases, Web 3 users want the freedom to do what they think is cool, and will find a new space to gather if anyone attempts to infringe on their creativity.
Co-Founder
Creating and Styling Variants
Time to create some variants for the other states and style them. With the primary variant in place, we’ll now create additional variants that respond to user interactions. Let’s begin by creating a second variant and renaming it “Focus.” In this state, move the placeholder text back up and reduce its size to 12px. Before moving on with the styling, create two additional variants named “Blur” and “Invalid,” which will share the same layout as the Focus state. To ensure smooth transitions, you’ll add a border to the input of the primary variant, setting it to 2px width with a color opacity of 0%. Then, customize the “Focus” variant by changing the border color to blue, and for the “Invalid” variant, we can change both the border and text color to red to draw attention.
