Brand

Wordmark

The Makechain wordmark uses Inter SemiBold at tight letter-spacing.

The full logo combines the wordmark with the brand shapes arranged below.

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

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

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.

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.