The design record, as exported: 19 cards for brand, colour, type, spacing and the component set, each rendered from the same tokens the product ships, plus the interactive app kit at the end. Vantablack surfaces so the electric green reads as emitted light; lift comes from glow, never from a drop shadow. Names and prices in the sample data are fictional.
Brand
The Hype StampThe signature 'I'D PAY FOR THAT 👊' rotated neon stamp + vote languageTexture & AtmosphereBento dot grid + ambient green blur haze — the 'basement rave' backdropWordmarkidpayforthat — Space Grotesk, italic, black, glowing, all-lowercase or caps
Body — Be Vietnam ProThe high-performance workhorse. Grey, never pure white for long copy.Display & Headline — Space GroteskBrutalist headers that scream. Tight tracking, heavy weight.Labels — Plus Jakarta SansMicro-copy & metadata. Uppercase, widest tracking, tiny sizes.
Spacing
Elevation = Light, not ShadowLift comes from green-tinted glow; floats glow, they don't drop-shadowCorner RadiiSmooth machined pebbles — xl (24) is the default card radiusSpacing Scale4-based rungs; 16 is the default list gap, 24 the screen gutter
Components
Hype Button & ChipsThe signature I'd-Pay-For-That CTA and trend pillsButtons & Icon ButtonsPrimary gradient, void secondary, ghost, sizes & icon-onlyCards, Product Card & StatsMachined-pebble surfaces, the feed card, avatars and stat triadNotifications & CommentsInbox rows with unread accent, Heat-Index comment rowsForm ControlsInputs that glow on focus, neon switch, price slider, chip selectNavigationGlass app bar and floating tab bar with green active pill
idpayforthat App
idpayforthat — Interactive AppFeed → detail, swipe discovery, AI Lab and profile in a live phone frameOpen full screen →