The widget library for WordPress is here Download plugin

Urban Bold Services - Industrial Supply Crate Layout

Showcase your agency's capabilities with the Urban Bold Services widget. Designed to look like a stack of Industrial Supply Crates or military-grade arsenal boxes, this layout transforms a standard service list into a statement of power and utility.

Visual Aesthetic: The widget sits on a Safety Orange background with a giant vertical "SUPPLY" watermark. Each service is contained in a heavy Jet Black card featuring massive Stenciled Numbers in the corner. The design uses high-contrast borders and blocky layouts to mimic shipping containers or equipment cases.

Interaction: When a user hovers over a service crate, the card undergoes a dramatic Inversion: the black background flips to off-white, the text turns black, and the icon box swaps contrast. This high-impact visual feedback makes browsing services feel tactile and responsive.

Use Cases:

  • Creative Agencies: List services like "Branding," "Web Design," and "Strategy" as if they are weapons in your arsenal.
  • SaaS Features: Display software modules as distinct "supply drops."
  • Logistics & Transport: Fits perfectly with shipping, freight, or automotive brands.
  • Fitness Programs: Present workout tiers (e.g., "Strength," "Cardio," "Hyrox") as training blocks.

Key Features:

  • Crate-Style Cards: Heavy, blocky cards with stencil typography.
  • High-Contrast Hover: Instant black-to-white color inversion on hover for maximum interactivity.
  • Editable Iconography: Uses image-based icons inside a defined frame.
  • Rich Text Descriptions: Fully editable text areas with font control.
  • Stenciled Numbering: Massive background numbers create a utilitarian, ordered feel.

 

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.