Brand Assets

Logos, colors, typography, and textures for working with the Bedrock.engineer brand

Logos

Bedrock Logo SVG

Primary Logo

Vector format, scalable for any size

SVG
Bedrock Logo with Text

Logo with Text

PNG
Bedrock Text White

Text Light

Text wordmark for light on dark backgrounds

SVG

Colors

The palette is built on Radix color scales. These are the core values for print and design work.

Brand Green

Brand color, primary actions

#627e5d

oklch(56.2% 0.0594 140.8)

Ink

Text

#1c211b

oklch(24.1% 0.0128 141.2)

Surface

Backgrounds

#fafbfa

oklch(98.7% 0.002 141.2)

Green Tint

Badges, subtle fills

#e7f3e5

oklch(95.1% 0.0223 140.8)

Brown

Secondary, warm accents

#9a856a

oklch(62.9% 0.0463 73.78)

Teal

Accent, focus states

#45818b

oklch(56.8% 0.0641 209.3)

Full color scales

Each hue runs from 1 (lightest background) to 12 (highest-contrast text). Light theme values.

green

1

#fafbf9

2

#f5f8f4

3

#e7f3e5

4

#daecd7

5

#cde4c9

6

#bfd9bb

7

#aecba9

8

#95b88f

9

#627e5d

10

#557150

11

#557150

12

#263324

gray

1

#fafbfa

2

#f6f8f5

3

#edefec

4

#e5e7e4

5

#dddfdc

6

#d5d8d4

7

#c9ccc9

8

#b6bab5

9

#858b84

10

#7b817a

11

#5d635d

12

#1c211b

brown

1

#fbfbfa

2

#f9f7f5

3

#f1ede8

4

#eae4dd

5

#e3dbd1

6

#dcd1c3

7

#d2c3b0

8

#c1ad94

9

#9a856a

10

#8c7961

11

#6f604d

12

#302b26

teal

1

#f8fbfb

2

#f2f8f9

3

#e3f2f4

4

#d5ebef

5

#c6e3e8

6

#b6dae0

7

#a1cdd4

8

#7fb9c3

9

#528e98

10

#45818b

11

#35717b

12

#152f33

Typography

Headings

IBM Plex Sans Condensed

All headings and titles. Regular 400 for large headings, Medium 500 for smaller ones.

Body

IBM Plex Sans

Body text and UI elements

Regular 400Medium 500Semibold 600Bold 700

Code

IBM Plex Mono

Code, data values, and technical content

All three are IBM Plex families, freely available under the Open Font License.

Textures

Hatching patterns used as tiled section backgrounds across the site. Each SVG tiles seamlessly; the size listed is the tile size we use.

607.svg

tile 70px

SVG

232-K.svg

tile 80px

SVG

616.svg

tile 80px

SVG

620.svg

tile 100px

SVG

667.svg

tile 120px

SVG

668.svg

tile 220px

SVG

granite.svg

tile 150px

SVG

Usage Guidelines

Spelling

Prefer using “Bedrock.engineer” over “Bedrock” to avoid confusion with other companies named Bedrock. Also note that in “Bedrock” only the B should be capitalized, do not write “BedRock”.

Do

  • Maintain adequate clear space around the logo
  • Use the original colors whenever possible
  • Ensure minimum size of 50px height for legibility
  • Use high-contrast backgrounds
  • Download the appropriate format for your use case

Don't

  • Modify, rotate, or distort the logo
  • Change the logo colors or add effects
  • Place the logo on busy or low-contrast backgrounds
  • Recreate or redraw the logo
  • Use outdated versions