Click Clack Club

ecommerce · playful

custom mechanical keyboards and artisan keycaps

Loud, tactile, and unapologetically chunky. Saturated warm tones and towering typography bring Saturday morning energy to high-end desktop hardware.

Palette

#fffaf5

background · derived · 74%

#f5e3cd

surface · 74%

#1b1b1b

text · 0%

#4c0016

text muted

#f91814

accent · 11%

#9a8130

accent secondary · derived · 15%

Text on background 16.6:1 · AAA

key visual for custom mechanical keyboards and artisan keycaps

Type

THICK CLACKS ONLY

Loud, tactile, and unapologetically chunky. Saturated warm tones and towering typography bring Saturday morning energy to high-end desktop hardware.

Display: Mouse Memoirs · 400
Body: Mouse Memoirs · 400
Scale: 13 · 14 · 19 · 26 · 35 · 40 · 58 · 130 · 216 · 432 · 504 (×2.45)

object for custom mechanical keyboards and artisan keycaps

Grid

Columns: 16
Gutter: 8px
Margin: 36px
Container: 1368px

detail for custom mechanical keyboards and artisan keycaps

Setting the text

THICK CLACKS ONLY

Loud, tactile, and unapologetically chunky. Saturated warm tones and towering typography bring Saturday morning energy to high-end desktop hardware.

Body: 14px / 1.5
Measure: 42 characters
Display: 504px / 0.5
Tracking: 0em display · 0em body

THICK CLACKS ONLY

Loud, tactile, and unapologetically chunky. Saturated warm tones and towering typography bring Saturday morning energy to high-end desktop hardware.

Build

scene for custom mechanical keyboards and artisan keycaps

Icons

Lucidebold

ISC · lucide.dev

texture for custom mechanical keyboards and artisan keycaps

Ratios

background 43%surface 43%accent 6%accent secondary 9%

text on background: 16.6:1 AAA
muted text on background: 15.3:1 AAA
text on surface: 13.7:1 AAA
muted text on surface: 12.7:1 AAA
accent on background: 3.9:1 AA Large
background on accent: 3.9:1 AA Large

SMASH YOUR SETUP

custom mechanical keyboards and artisan keycaps

Imagery · photography

Punchy commercial photography with rich saturation and warm tones. Direct studio lighting produces glossy highlights and deep contrast, captured in tight framing against solid saturated backdrops or softly blurred environments.

Light: direct bright studio lighting with crisp specular highlights and soft fill
Grading: vibrant, highly saturated warm tones with rich blacks and warm highlights
Framing: tight, centred framing filling most of the canvas
Depth: shallow to moderate, keeping the front plane critically sharp
Texture: glossy, high clarity, clean digital finish
Ground: solid bold colour or softly defocused ambient space
Distance: close-up

Type scale · 14px base · 2.450

h131.5rem

THICK CLACKS ONLY

h227rem

THICK CLACKS ONLY

h313.5rem

THICK CLACKS ONLY

h48.125rem

THICK CLACKS ONLY

h53.625rem

THICK CLACKS ONLY

h62.5rem

THICK CLACKS ONLY

p0.875rem

THICK CLACKS ONLY

small0.813rem

THICK CLACKS ONLY

Spacing · base 8

Section padding 115px

Components · radius 16/999 · base 8

Buttons

BuildCustomize

BuildCustomizeCustomize

Build · disabled

Tags

ecommercesensoryplayful

Tabs

BuildCustomizeGrab

Notice

CLICK, POP, CLACKcustom mechanical keyboards and artisan keycaps

Form

NameYour nameEmailyou@studio.comWe only write when there is news.InterestCustom mechanical keyboards and artisan keycaps

BuildCustomizeNotifications

Build

Cards

ecommerceSMASH YOUR SETUPLoud, tactile, and unapologetically chunky. Saturated warm tones and towering typography bring Saturday morning energy to high-end desktop hardware.Build

“THICK CLACKS ONLYClick Clack Club

Voice

THICK CLACKS ONLY
SMASH YOUR SETUP
CLICK, POP, CLACK

sensoryplayfulboldbuildcustomizegrab

Custom Mechanical Keyboards And Artisan Keycaps

SMASH YOUR SETUP

180Build

Motion

Character: playful
Easing: ease-out

floating sticker badges and cartoon hands interacting with burger photography