Blockspot.io Brand Assets

Organized design assets with PNG, JPG, and lossless WebP formats. Click any format badge to download.

Brand Color Palette

Dark Blue
#206389
Blue
#1DB0E1
Light Blue
#9AE0F7
Yellow
#F3D758
Black
#000000
Dark Gray
#171717
Light Gray
#EDEDED
White
#FFFFFF

Logos Full wordmark — icon + “blockspot.io” text

Full Color — Dark Blue (for light backgrounds)
light bgLogo dark blue 500x150
logo-dark-blue
500x150 · 300x80 · 250x90 · 500x500
Logo dark blue 300x80
logo-dark-blue-300x80
300x80 · Web header size
Logo dark blue 250x90
logo-dark-blue-250x90
250x90 · Email signature
Logo dark blue 500x500
logo-dark-blue-500x500
500x500 · Square / social
Full Color — Light Blue (softer variant, for light backgrounds)
light bgLogo light blue 500x150
logo-light-blue
500x150 · 300x80 · 250x90 · 500x500
Logo light blue 300x80
logo-light-blue-300x80
300x80 · Web header size
Full Color — White (for dark backgrounds)
dark bgLogo white 500x150
logo-white
500x150 · 300x80 · 250x90 · 500x500
brand bgLogo white 300x80 on brand bg
logo-white-300x80
300x80 · On brand blue
Grayscale — Dark (for light backgrounds / print)
light bgLogo grayscale dark 500x150
logo-gray-dark
500x150 · 300x80 · 250x90 · 500x500
Grayscale — Light (for dark backgrounds / print)
dark bgLogo grayscale light 500x150
logo-gray-light
500x150 · 300x80 · 250x90 · 500x500

Icons Logo mark only — no text

Full Color
Icon full color 524x524
icon-full-color-524x524
Icon full color 500x500
icon-full-color-500x500
Icon full color 256x256
icon-full-color-256x256
Icon full color 128x128
icon-full-color-128x128
Icon full color 64x64
icon-full-color-64x64
Icon full color 32x32
icon-full-color-32x32
Favicon size
Grayscale
Icon grayscale 524x524
icon-grayscale-524x524
Icon grayscale 500x500
icon-grayscale-500x500
Icon grayscale 256x256
icon-grayscale-256x256
Icon grayscale 128x128
icon-grayscale-128x128
Icon grayscale 64x64
icon-grayscale-64x64
Icon grayscale 32x32
icon-grayscale-32x32

Blocks Isometric 3D cubes — individual + compositions

Individual Blocks
Block light blue
block-light-blue
200pxpngwebp
100pxpngwebp
Block dark blue
block-dark-blue
200pxpngwebp
100pxpngwebp
Block yellow
block-yellow
200pxpngwebp
100pxpngwebp
Utility Blocks (non-standard colors for legends, status indicators, and UI elements)
Block black
block-black #171717
200pxpngwebp
100pxpngwebp
Block gray
block-gray #9CA3AF
200pxpngwebp
100pxpngwebp
Block green
block-green #22C55E
200pxpngwebp
100pxpngwebp
Block lime
block-lime #84CC16
200pxpngwebp
100pxpngwebp
Block teal
block-teal #14B8A6
200pxpngwebp
100pxpngwebp
Block cyan
block-cyan #06B6D4
200pxpngwebp
100pxpngwebp
Block indigo
block-indigo #4F46E5
200pxpngwebp
100pxpngwebp
Block purple
block-purple #8B5CF6
200pxpngwebp
100pxpngwebp
Block pink
block-pink #EC4899
200pxpngwebp
100pxpngwebp
Block red
block-red #EF4444
200pxpngwebp
100pxpngwebp
Block orange
block-orange #FF6B00
200pxpngwebp
100pxpngwebp
Block brown
block-brown #78350F
200pxpngwebp
100pxpngwebp
Compositions
Blocks composition
blocks-composition-400x300
Blocks composition alt
blocks-composition-alt-400x300
Blocks group
blocks-group-400x300
Source Files
Source light blue
block-light-blue
Source dark blue
block-dark-blue
Source yellow
block-yellow