Logos
The product logo in its two forms (the full lockup and the minimal mark), plus the placeholder company and press logo libraries behind the kit’s demo content.
Full lockup
Mark plus wordmark (BrandLogo). The wordmark paths use the fg-primary token, so the lockup flips to a light wordmark in dark mode without a separate asset. Size it with a height class; the internal layout keeps the mark, gap, and wordmark proportional.
h-8
h-10
h-12
Minimal mark
The square mark on its own (BrandMark): for favicons, loading screens, avatars, and collapsed sidebar navigation where the wordmark would not fit.
size-8
size-10
size-12
Company logos
90 companiesThe full placeholder company library from the DrumKit Figma sheet, served from the Untitled UI CDN. The kit’s marketing sections (social proof, testimonials, CTAs, footers) cycle through a subset of these brands. Each ships as a color and a white SVG; the cards below swap to the white mark in dark mode, the same two-image pattern the kit components use.
3portals
45-degrees
acme-corp
alpha-wave
alt-shift
biosynthesis
boltshift
building-blocks
calescence
capsule
catalog
chromatools
clandestine
cloud-watch
codecraft
command-r
constellation
contrast-ai
convergence
cooperative
core-os
cubekit
easy-tax
eclipseful
eightball
elasticware
enn-labs
ephemeral
epicurious
euphoria
europa
feather-dev
flora-fauna
focal-point
foresight
fourpoints
frequencii
galileo
global-bank
goodwell
hexahedron
hexsmith
hourglass
ikigai-labs
img-compress
interlock
kintsugi
launch-simple
layers
leapyear
lightbox
lightspeed
luckycharm
luminary
luminescence
luminous
magnolia
mastermail
nietzsche
norse-star
odeao-labs
ollio
pagemanage
peregrin
pictel-ai
pollinate
polymath
powersurge
prometheus
quantum
quartz-ai
quixotic
quotient
radius
railspeed
refractional
renaissance
screentime
segment
shutterframe
sisyphus
solaris-energy
sonorous
spherule
stack3d-lab
visionwork
voxel-labs
warpspeed
watchtower
wildcrafted
Badge style
90 companiesThe full badge library, vendored from the DrumKit Figma sheet under public/logos/badge-style: per-brand chip colors with a shared white overlay gradient. The kit’s social-proof cards load the same local files.
3portals
45-degrees
acme-corp
alpha-wave
alt-shift
biosynthesis
boltshift
building-blocks
calescence
capsule
catalog
chromatools
clandestine
cloud-watch
codecraft
command-r
constellation
contrast-ai
convergence
cooperative
core-os
cubekit
easy-tax
eclipseful
eightball
elasticware
enn-labs
ephemeral
epicurious
euphoria
europa
feather-dev
flora-fauna
focal-point
foresight
fourpoints
frequencii
galileo
global-bank
goodwell
hexahedron
hexsmith
hourglass
ikigai-labs
img-compress
interlock
kintsugi
launch-simple
layers
leapyear
lightbox
lightspeed
luckycharm
luminary
luminescence
luminous
magnolia
mastermail
nietzsche
norse-star
odeao-labs
ollio
pagemanage
peregrin
pictel-ai
pollinate
polymath
powersurge
prometheus
quantum2
quartz-ai
quixotic
quotient
radius
railspeed
refractional
renaissance
screentime
segment
shutterframe
sisyphus
solaris-energy
sonorous
spherule
stack3d-lab
visionwork
voxel-labs
warpspeed
watchtower
wildcrafted
Press logos
11 publicationsThe full press sheet, in the Figma frame’s order, with the same color/white dark-mode swap as the company logotypes. The press-mention social-proof sections use five of these from the Untitled UI CDN; the other six are vendored from the Figma sheet under public/logos/press, since the CDN does not host them.
washington
bloomberg
techcrunch
wired
new-york-times
business-insider
forbes
the-guardian
gizmodo
engadget
fast-company
Rebrand point
src/components/foundations/logo/ is where this product gets its own identity: replace the SVG contents of BrandLogo and BrandMark with the product’s mark and wordmark, keep the component names and height-driven sizing contract, and every kit screen that renders a logo (navigation, auth screens, footers) rebrands automatically.