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]
Search
documentation
How To
components
atoms
action
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
icon-accessories
icon-allinone
icon-care
icon-check
icon-chevron
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
Icon Info
Default
Large
icon-instagram
icon-location
icon-mail
icon-marker
icon-media
icon-menu
icon-mixers
icon-mobile
icon-monitors
Default
Old
icon-paspeakers
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
icon-twitter
Default
Old
icon-whatsapp
icon-youtube
input-field
label
without link
with link
link
default
underlined
colored
icon left
icon right
ATC care
icon marker
icon download
loadmore
logo
PDJ (full)
PDJ (small)
PDJ by AT
PDJ by AT (vertical 1)
PDJ by AT (vertical 2)
AT
Preloader
radio
radio-color
default
striped
radio-form
select
select-checkboxes
spacer
switch
Textarea
video-bg
video-bg
control centered
control right
with audio
video-player
with youtube ID
with iframe url
visual
default
contained
in-flow
New
molecules
banner
default
small
square
no-image
banner-kross
brand-banner
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
message
Default
Error
Success
Atc
nav-action
nav-external
nav-footer
nav-legal
nav-main
nav-mypage
nav-profile
nav-social
product-filter
product-purchased
Default
Atc
Contract Plan
Contract Plan Detail
Atc Small Detail
Atc Small
product-registered
Product search
product-snippet
single color
multicolor
product-warranty
Default
Oos
Usa
profile-picture
Default
Test
message
Default
Creative
Core
search-box
search-field
search-filter
search-info
search-note
section-header
left
centered
right
snippet-a
snippet-b
snippet-c
snippet-d
snippet-e
store-filter
store-list
store-box
table
toggler
usp-snippet
A
B
C
organisms
cloud
col-four
col-one
default
with background color
with visual
only visual
with background color and visual
col-three
col-two
default
reversed
narrow
narrow reversed
Colored - light text
Colored - dark text
Colored - blue
Colored - copper
Colored - green
Colored - grey
combine-with
carousel
tabs
single tab
comparison
footer
Default
Old
header
Header
Scroll test page
Scroll demo page
hero-a
hero-b
hero-home
Default
A
Alt
hero-product
Default
Care
Care Oos
Compact
Usa
home-brands
no description on mobile
very small description on mobile
don't allow image cut
home-grid
hotspots
media
full browser
with heading
contained
grid
grid--B
slider
slider with thumbnail arrows
nav-in-page (version 1)
Version 1
Version 1 (Not sticky)
Version 1 (Background)
nav-in-page (version 2)
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
Overlay modal
Newsletter modal
Email modal
paging
search
search-results
share-modal
slideshow
default
no visual
specs
A
B
store-grid
store-map
Support scroller
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
usp-interactive
default
reversed
usp-key
default
visual left
visual right
usp-small
3 col
2 col
text only 3 col
text only 2 col
Zoomer
buckets
account-about
beginners
Japan
EMEA
CDJ-2000nxs2
Overview
Specifications
Videos
Downloads
CDJ-3000
CDJ-3000 (out of stock)
CDJ-3000 (specs)
Company
Corporate contact
Corporate contact detail
Cookie policy
Terms of sale
Warranty
country-select
DDJ-FLX6
ddj-rev1
dj-academy
DJM-900NXS2
DJM-V10
Overview
Specifications
Videos
Downloads
footer-titles
HDJ CUE 1
Default
Findastore
Instock
Notify
home
Default
Home - legacy
Home - 2023
Home - preprod
Hero Test Live
logged-in
CDJ 2000nxs (old product migration)
DJS 1000 (old product migration)
Default
Nav in page V2
mypage
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
product-buttons
Overview
LIVE status
PREPROD status
NEW status
product-category
Default
Empty
product-category-old
product-combine-with
product-downloads
Product grid
product-overview
Default
Test
Update
product-overview-ecomm
product-specifications
product-support
product-type
product-video-images
product-videos
products
Products filter
related-videos
Reskin 2022
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
Shop store locator
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
Zoom tool (old demo)
tests
capital font change
live css status
local css status
cart
Double JS Code
Homepage
Products
Hero
Overview
Product detail 1 (archived)
Product detail 2 (archived)
Product detail 1 (live)
Product detail 2 (live)
Product overview
Product overview (archive)
Support
Homepage
Current preprodcms
Our css
Added HTML
onetrust
Default
Cookies
Support
Test
Product category header test
Product hero info
Default
Live
Preprod Current
Preprod New
2020 Product page w/ lazyload
2020 Product page w/o lazyload
Product page block issue
Issue
Fix
Product specs test
Quick test page
Product nav-top-page
Notify button overlayer
Home
Home Live
News Video
Product Archive
Product Detail
Zoomtool
Default
Ddj Flx 10