Bitcoin Stamps
Website - HOME landingpage #37
Replies: 6 comments 3 replies
-
|
Carousel
On hover of center/front stamp, an overlay displays stamp details
On hover of middle and rear stamps, blur is not shown and border/bgBlur displays (as usually)
On hover of the selector
Carousel on mobile (568-360px) only displays 3 stamps
On mobile 360px the editions amount is omitted and addy centered The font-size, padding and selector size changes on the different screen versions |
Beta Was this translation helpful? Give feedback.
-
|
The carousel stampcards link to respective stamps in the Stamp Details page |
Beta Was this translation helpful? Give feedback.
-
|
Most of the modules/sections are built of components that already are used on other pages on the site You'll find the special ones here
|
Beta Was this translation helpful? Give feedback.
-
|
The Featured Collectioncards have a dark and light version - the hover state is the same The image padding (spacing) scales down from 12-6px and bgBlur from 6-4px - on small mobile The cards can be updated in v2 to either a carousel that rotates through 5/7/9 collections - or horisontal scroll You need to decide on 3 Art collections and 3 Recursive collections to feature |
Beta Was this translation helpful? Give feedback.
-
|
About Stampchain and Partners section
Desktop on hover
I have not bothered designing the hover states on each partnercard for tablet and mobileLarge
On mobile 568 - 360 px the partnerdards are square and just display the company logo |
Beta Was this translation helpful? Give feedback.
-
|
Each partnercard links to the companys website - opens in a new tab |
Beta Was this translation helpful? Give feedback.
-
|
Do you want the Donate button to open the send btc modal popup or link to the Donate section on the About page ? |
Beta Was this translation helpful? Give feedback.
-
|
View All Links Latest Stamps View All button takes the user to Stamps Overview page - default filter Latest Posh Stamps View All button takes the user to Collections Overview page - posh filter Latest Recursive Stamps View All button takes the user to Collections Overview page - recursive filter Recent Sales View All button takes the user to Stamps Overview page - sold filter |
Beta Was this translation helpful? Give feedback.
-
|
The figma mockup is marked for dev. The version layers are marked 🟢 |
Beta Was this translation helpful? Give feedback.
-
HOME page
dev site
Landingpage presenting an overview of stamps, collections and tokens, the stamping tool, stampchain and it's partners
The storytelling puts focus on the different types of stamps - art(classic)/posh/recursive
Each stamp type section displays X amount of recent stamped art (recursive would also be latest minted, from a launchpad)
Art/posh stamps have a Featured banner displaying 3/2 collections of your choice
Recent sales module
Get stamping section/module/cta with btc price/fee
Tokens section displaying the 5 top tokens (pr. marketcap) and the 5 top trending mints
About section with Donate cta
Partners module
Heading
Carousel module showcasing 5 selected stamps
Beta Was this translation helpful? Give feedback.
All reactions