Brand

Logo

The Makechain wordmark uses Inter SemiBold at tight letter-spacing, with the five brand shapes arranged below.

Dark background

Light background

Clear space

Maintain at least 1x the height of the shapes row as clear space around the logo.

Brand Shapes

The five primary brand shapes appear in the logo and serve as visual anchors throughout documentation.

Square#00EEBE

Circle#7A3BF7

Triangle#FA7CFA

Star#FAD030

Heart#FE0302

Usage in Headings

Shapes are placed inline to the left of section headings using <img> in MDX:

## <img src="/shape-square.svg" width="14"
     style={{display: 'inline', verticalAlign: 'middle', marginRight: '8px'}}
   />Section Title

Cycle through the five brand shapes per page. Assign shapes consistently within a page but vary across pages.

Principles

Monochrome base

Black and white only. No grays in primary surfaces. The absence of color makes the shapes hit harder.

Vibrant accents

Color only comes from the shapes. Every accent is saturated and distinct — no pastels, no gradients.

Geometric precision

Clean edges, integer coordinates, no anti-aliasing artifacts. Shapes are math, not illustration.

Tight spacing

Dense information, minimal whitespace. Every pixel earns its place. Content over chrome.