designlang
Brand guidelines #3778c3

October 4, 2026

www.bombparty.com

A reading of the visual language at https://www.bombparty.com. Every token, every rule, every component — captured from the live site.

Page intent
landing
System grade
C 77/100
Tokens
27 colours · 20 sizes
Generated
designlang
Chapter 00

Essence

bombparty.com is an Explorer brand — cool, bold, modern, adventurous and independent — anchored on #3778c3 and Futura PT, smooth motion.

Explorer archetype · 72% fit · vs Magician

Adjectives

Personality axes

Cool Warm
Composed Kinetic
Understated Bold
Timeless Modern

Evidence

Chapter 01

About

Page intent
landing 47% confidence
Material language
flat
Imagery style
gradient-mesh
Component library
bootstrap
Stack
unknown
Voice tone
friendly
Chapter 03

Colour

1 primary · 1 secondary · 1 accent · 11 neutrals · 27 total

Primary #3778C3
RGB
55, 120, 195
HSL
212°, 56%, 49%
Secondary #933979
RGB
147, 57, 121
HSL
317°, 44%, 40%
Accent #326DB1
RGB
50, 109, 177
HSL
212°, 56%, 45%

Neutrals

#1E1E1E
#000000
#FFFFFF
#333333
#666666
#495057
#444444
#999999
#EEEEEE
#CED4DA
#1A1A1A

Full palette

#1E1E1E
#000000
#FFFFFF
#333333
#326DB1
#933979
#001C55
#666666
#926B07
#3778C3
#495057
#444444
#CDBB8D
#999999
#EEEEEE
#CED4DA
#2563EB
#ADFF2F
#4CFF00
#B3261E
#1A1A1A
#990000
#0A1628
#143068
#27558A
#D96974
#EAE753

WCAG 94% · 15 passing pairs · 1 failing. Full breakdown in §11.

Chapter 04

Typography

4 families · 20 sizes · 5 weights

Display
Futura PT
Body
FuturaPTBook
Weights
400, 500, 600, 700, 900

Specimen

SURPRISE
1. PICK YOUR COLLECTION

Scale

StepSizeSample
t00 76.8px SURPRISE
t01 64px SURPRISE
t02 40px SURPRISE
t03 37.7px SURPRISE
t04 36px SURPRISE
t05 32px SURPRISE
t06 28px SURPRISE
t07 26px SURPRISE
t08 24px SURPRISE
t09 23.04px SURPRISE
Chapter 05

Spacing

Base 4px · 14 steps captured

Rhythm

1px
40px
44px
48px
55px
60px
72px
80px
96px
101px
Chapter 06

Shape

8 radii · 4 elevation tiers

Border radii

2px
5px
8px
12px
16px
20px

Elevation

xs
sm
md
lg
Chapter 07

Iconography

unknown · 8 captured

Library
unknown
Confidence
0%
Stroke style
roundedCaps
icon
icon
icon
icon
icon
icon
icon
icon
Chapter 08

Motion

Feel: smooth · 5 durations · 3 easings

Duration scale

150ms
200ms
300ms
800ms
7041ms

Easings

Chapter 09

Components

bootstrap · 2 component patterns captured

Mocks

Card

Built from these tokens

Radius, primary, surface, text — all sampled from the live site.

Read more →

Detected patterns

card

Slots
heading, description, media, footer
Variants
—
Sizes
—

button

Slots
label, icon, badge
Variants
—
Sizes
—
Chapter 10

Voice

friendly · — · —

Headlines from the site

CTA verbs

Chapter 11

Accessibility

94% WCAG 2.1 contrast
15 passing · 1 failing

Failing pairs

Aa 3.37:1
Foreground
#ffffff
Background
#d96974
Rule
AA-normal

Suggested replacements

Chapter 12

Tokens

Drop-in code for the most common stacks. All values from the live extraction.

CSS variablesvariables.css
:root {
  --color-primary: #3778c3;
  --font-display: "Futura PT";
  --space-base: 4px;
  --radius-md: 5px;
}
Tailwind configtailwind.config.js
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: { brand: '#3778c3' },
      fontFamily: { display: ['Futura PT', 'serif'] },
      spacing: { base: '4px' },
      borderRadius: { md: '5px' },
    },
  },
};

Run npx designlang pack www.bombparty.com for the full bundle (DTCG, shadcn, Figma vars, motion, anatomy, Storybook).

Chapter 13

Usage

  1. Lead with the primary.

    It belongs on calls-to-action and one accent moment per screen. Not on body copy.

  2. Two type families, three weights.

    Display for headlines, body for paragraphs. Resist a third unless there is a real reason.

  3. Snap to the spacing scale.

    Padding, margin, and gap should land on the values in §05. One-off pixels accumulate into noise.

  4. Treat accessibility as a hard constraint.

    When a colour pair fails WCAG, fix the colour — not the contrast check.