PDJ Brandbox

How To

Get assets

Styles

  • Fundaments (global styles): https://brandbox.tools.pioneerdj.com/styles/fundaments.css
  • All components: https://brandbox.tools.pioneerdj.com/styles/components.css
  • A component: https://brandbox.tools.pioneerdj.com/styles/[COMPONENT_NAME].css

Example: https://brandbox.tools.pioneerdj.com/styles/search.css

Script

  • https://brandbox.tools.pioneerdj.com/scripts/main.js

Images

  • https://brandbox.tools.pioneerdj.com/graphics/[GRAPHIC_NAME]

documentation

  • How To

components

      • normal - on light
      • normal disabled - on light
      • ghost - on light
      • ghost disabled - on light
      • normal - on dark
      • normal disabled - on dark
      • ghost - on dark
      • ghost disabled - on dark
      • icon right
      • icon left
      • icon
    • back-to-top
    • care-icon
    • care-info
    • checkbox
    • divider
    • flag
      • icon-accessories
      • icon-allinone
      • icon-care
      • icon-check
        • Default
        • Thin
      • icon-close
      • icon-cross
      • Icon Delete
      • icon-desktop
      • icon-djcontrollers
      • icon-djplayers
      • icon-djsampler
      • icon-documents
      • icon-download
      • Icon Edit
      • Icon Error
      • icon-external
      • icon-facebook
      • icon-headphones
        • Default
        • Large
      • icon-instagram
      • icon-location
      • icon-mail
      • icon-marker
      • icon-media
      • icon-menu
      • icon-mixers
      • icon-mobile
        • Default
        • Old
        • Default
        • Old
      • icon-play
      • icon-plus
      • icon-production
      • icon-profile
      • icon-questionmark
      • icon-remixstation
      • icon-repair
      • icon-search
      • icon-software
      • Icon Succes
      • Icon Tabs
      • icon-technical-riders
      • icon-tiktok
      • icon-turntables
        • Default
        • Old
      • icon-whatsapp
      • icon-youtube
    • input-field
      • without link
      • with link
      • default
      • underlined
      • colored
      • icon left
      • icon right
      • ATC care
      • icon marker
      • icon download
    • loadmore
      • PDJ (full)
      • PDJ (small)
      • PDJ by AT
      • PDJ by AT (vertical 1)
      • PDJ by AT (vertical 2)
      • AT
    • Preloader
    • radio
      • default
      • striped
    • radio-form
    • select
    • select-checkboxes
    • spacer
    • switch
    • Textarea
    • video-bg
      • control centered
      • control right
      • with audio
      • with youtube ID
      • with iframe url
      • default
      • contained
      • in-flow
      • New
      • default
      • small
      • square
      • no-image
    • banner-kross
      • SVG with info
      • SVG without info
      • IMG with info
      • IMG without info
    • brand-bar
    • carousel
    • event-snippet
    • footer-brand
    • footer-breadcrumbs
    • footer-ext-nav
    • hotspot
    • media-footer
    • mega-menu
      • Default
      • Error
      • Success
      • Atc
    • nav-action
    • nav-external
    • nav-footer
    • nav-legal
    • nav-main
    • nav-mypage
    • nav-profile
    • nav-social
    • product-filter
      • Default
      • Atc
      • Contract Plan
      • Contract Plan Detail
      • Atc Small Detail
      • Atc Small
    • product-registered
    • Product search
      • single color
      • multicolor
      • Default
      • Oos
      • Usa
      • Default
      • Test
      • Default
      • Creative
      • Core
    • search-box
    • search-field
    • search-filter
    • search-info
    • search-note
      • left
      • centered
      • right
    • snippet-a
    • snippet-b
    • snippet-c
    • snippet-d
    • snippet-e
    • store-filter
    • store-list
    • store-box
    • table
    • toggler
      • A
      • B
      • C
    • cloud
    • col-four
      • default
      • with background color
      • with visual
      • only visual
      • with background color and visual
    • col-three
      • default
      • reversed
      • narrow
      • narrow reversed
      • Colored - light text
      • Colored - dark text
      • Colored - blue
      • Colored - copper
      • Colored - green
      • Colored - grey
      • carousel
      • tabs
      • single tab
    • comparison
      • Default
      • Old
      • Header
      • Scroll test page
      • Scroll demo page
      • Preprod
    • hero-a
    • hero-b
      • Default
      • A
      • Alt
      • Default
      • Care
      • Care Oos
      • Compact
      • Usa
      • no description on mobile
      • very small description on mobile
      • don't allow image cut
    • home-grid
    • hotspots
      • full browser
      • with heading
      • contained
      • grid
      • grid--B
      • slider
      • slider with thumbnail arrows
      • Version 1
      • Version 1 (Not sticky)
      • Version 1 (Background)
      • Version 2
      • Version 2 - medium width
      • Version 2 - small width
      • New product - overview
      • New product - videos
      • New product - specs
      • New product - downloads
      • Old product - overview
      • Old product - videos
      • Old product - specs
      • Old product - downloads
      • Old product - related
      • Change request test 1
    • overlay-content
      • Overlay modal
      • Newsletter modal
      • Email modal
    • paging
    • search
    • search-results
    • share-modal
      • default
      • no visual
      • A
      • B
    • store-grid
    • store-map
      • Test 01
      • Test 02
      • Test 03
      • Test 04
      • Test 05
      • Test 06
      • Test 07
      • Test 08
      • Test 09
      • Test 10
      • Test 11
      • Test 12
      • Test 13
      • Test 14
      • default
      • reversed
      • default
      • visual left
      • visual right
      • 3 col
      • 2 col
      • text only 3 col
      • text only 2 col
      • Zoomer
      • Original HTML
    • account-about
      • Japan
      • EMEA
      • Overview
      • Specifications
      • Videos
      • Downloads
    • CDJ-3000
    • CDJ-3000 (out of stock)
    • CDJ-3000 (specs)
      • Corporate contact
      • Corporate contact detail
      • Cookie policy
      • Terms of sale
      • Warranty
    • country-select
    • DDJ-FLX6
    • ddj-rev1
    • dj-academy
    • DJM-900NXS2
      • Overview
      • Specifications
      • Videos
      • Downloads
    • footer-titles
      • Default
      • Findastore
      • Instock
      • Notify
      • Default
      • Home - legacy
      • Home - 2023
      • Home - preprod
      • Hero Test Live
    • logged-in
    • CDJ 2000nxs (old product migration)
      • Default
      • Nav in page V2
      • Top page
      • Top page empty
      • Account Email
      • Account Delete
      • Account Delete Variant
      • Account Info
      • Account Info (Loading)
      • Account Email Settings
      • Account Password
      • Account Profile
      • Account Product Delete
      • Hardware
      • Hardware Product
      • Hardware Product Detail
      • Hardware Product Interactive
      • Hardware History
      • Rekordbox History
      • Hardware Detail
      • Hardware Warranty
      • Rekordbox Contract
      • Rekordbox Contract Detail
      • Rekordbox Cloud
      • Rekordbox Contract Empty
      • Rekordbox Cloud Dropbox
      • Rekordbox Contract Detail Empty
      • Rekordbox History Empty
      • Top Page Message
      • Brand Banner
      • Cloud Settings Set
      • Cloud Settings Cancel
      • Message ATC
      • Hardware Preloader
    • product-back-order
    • product-back-order-without-notify
      • Overview
      • LIVE status
      • PREPROD status
      • NEW status
      • Default
      • Empty
    • product-category-old
    • product-combine-with
    • product-downloads
    • Product grid
      • Default
      • Test
      • Update
    • product-overview-ecomm
    • product-specifications
    • product-support
    • product-type
    • product-video-images
    • product-videos
    • products
    • Products filter
    • related-videos
      • Default
      • 404
      • Account
      • Account About
      • Account Cancel
      • Account Email Verification
      • Account Forgot Password
      • Account Licenses
      • Account Logged In Change Password
      • Account Login
      • Account My Products
      • Account Profile
      • Account Register
      • Account Register Confirm
      • Account Register Confirm 2
      • Alphatheta Care
      • Home
      • Landing Alt 1
      • Landing Macos Support
      • News Item
      • News Overview
      • Order Confirmation
      • Privacy Policy
      • Product Archive
      • Product Custom Radio
      • Product Old
      • Product Sxa
      • Product Sxasupport
      • Rekordbox
      • Rekordbox Cloud Settings
      • Rekordbox Contract Plan
      • Rekordbox Purchase History
      • Rekordbox Purchase History 2
      • Select Country
      • Service Centers
      • Shop Cart
      • Shop Cart Care
      • Shop Cart Checkout
      • Shop Cart Empty
      • Shop Details
      • Software
      • Software Info
      • Software Update
      • Software Update 2
      • Support Overview
      • Support Overview Search Results
      • Support Software
      • Support Software 2
      • Support Software 3
      • Support Software 4
      • Support Software 5
    • search-results-old
    • search-results
    • search-results-reskin
    • Select Country
    • service-center
    • service-centers
    • service-survey
      • Default
      • Other
      • Preprod
    • start-from-scratch
    • Store Detail
    • store-locator
    • store-locator-detail
    • store-locator-old
    • store-locator-test
    • store-locator-test-22-10
    • Support
    • unsubscribe
    • unsubscribe-confirmation
    • vm-50
      • Old Zoom Tool
      • Test page with new Zoomer
      • live css status
      • local css status
    • cart
      • Homepage
      • Products
    • HDJ CUE1 Headphones
      • Overview
      • Product detail 1 (archived)
      • Product detail 2 (archived)
      • Product detail 1 (live)
      • Product detail 2 (live)
      • Product overview
      • Product overview (archive)
      • Support
      • Current preprodcms
      • Our css
      • Added HTML
      • Default
      • Cookies
      • Support
      • Test
    • Product category header test
      • Default
      • Live
      • Preprod Current
      • Preprod New
    • 2020 Product page w/ lazyload
    • 2020 Product page w/o lazyload
      • Issue
      • Fix
    • Product specs test
      • Product nav-top-page
      • Notify button overlayer
      • Home
      • Home Live
      • News Video
      • Product Archive
      • Product Detail
      • Default
      • Ddj Flx 10