Fonts & Styling

Primary Font

Primary Font is defined here from a dropdown.

Secondary Font

Secondary Font is defined here from a dropdown.

Colors

ColorAreas Affected
Background Color Background color of the following pages:

- Drops
- Marketplace
- My Collection
- My Profile
- Notifications
- Listing Details (Drops/Marketplace)
- FAQs
- Activity
- Homepage
Foreground Color Text color of the following:

- Announcement banner
- Drop Down Options
- Listing card
- Listing Detail page
- Nav bar
- Drops
- P2P
- FAQ
- Activity
- Custom pages
- User profile
- Title
- X icon
- Footer
- Social icons
- Filter parameters on P2P
- Filter panel dot on P2P
- Links on Social Media (Share on collection page)
- Links on Nav bar
Button Color - Explore more listings link
- Connect wallet
- On the nav bar
- On listing page
- Collections box on home page
- Buy button
- Drops
- P2P
- Buy for X FLOW/FUSD
- My collection
- Place bid
- Confirm bid
- Redeem
- Owned
- Sell
- List for sale (FLOW/FUSD)
- Transfer
- Click transfer
- Confirm transfer
- Spin
- Drops
- P2P
- P2P filter panel
- Challenges
- Progress bar
- Reward Title (Active/Upcoming)
- Open Pack
- Social media
- Share button
- Social media list
- Profile icon
- View other listings (when search listing didn't find a match)
- Drops
- P2P
- Landing page
- Save option (filter panel on P2P)
- Sign in
- Gigantik Login
- Sign Up/Login
- Resend the link
- Yes, send me notification
- Opt In message: “No, don't notiffy me about NFTs and offers”
- Nickname
- View my collection
- Notifications ON/OFF toggle
- Campaigns
- Unlock Early access
- Unlock access
- Pagination
- User dropdown menu border
- Switch account on Blocto/Dapper

Corners

Rounding options for the corners of all objects, including cards, search bars, and filter panels.

OptionDescription
No Rounding Objects will have squared edges.
Light Rounding Objects will have lightly rounded edges.
Heavy Rounding Objects will have heavily rounded edges.