> ## Documentation Index
> Fetch the complete documentation index at: https://memberpulseptyltd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand

> MemberPulse brand identity, logos, and brand values

# Brand Identity

MemberPulse is a modern membership management platform designed for associations, professional bodies, and member-based organisations.

***

## Brand Values

<CardGroup cols={2}>
  <Card title="Trust" icon="shield-check">
    Reliable and secure platform for member data. We protect sensitive information and deliver consistent experiences.
  </Card>

  <Card title="Clarity" icon="eye">
    Clean, intuitive interfaces that make complex tasks simple. No unnecessary complexity.
  </Card>

  <Card title="Professionalism" icon="award">
    Enterprise-grade quality suitable for professional associations and industry bodies.
  </Card>

  <Card title="Innovation" icon="lightbulb">
    Modern technology stack with continuous improvement and new features.
  </Card>
</CardGroup>

***

## Logo

### Primary Logo

<Frame>
  <img src="https://mintcdn.com/memberpulseptyltd/cIqvFsBcEbZ3dTJH/logo/light.svg?fit=max&auto=format&n=cIqvFsBcEbZ3dTJH&q=85&s=4d458c383a88b8eae3a43e01665e9476" alt="MemberPulse Logo" style={{maxWidth: '300px'}} width="182" height="24" data-path="logo/light.svg" />
</Frame>

### Logo Variations

<CardGroup cols={2}>
  <Card title="Light Mode Logo">
    <Frame>
      <img src="https://mintcdn.com/memberpulseptyltd/cIqvFsBcEbZ3dTJH/logo/light.svg?fit=max&auto=format&n=cIqvFsBcEbZ3dTJH&q=85&s=4d458c383a88b8eae3a43e01665e9476" alt="Light mode logo" style={{maxWidth: '200px'}} width="182" height="24" data-path="logo/light.svg" />
    </Frame>

    Use on light backgrounds
  </Card>

  <Card title="Dark Mode Logo">
    <div style={{backgroundColor: '#0F101A', padding: '24px', borderRadius: '0'}}>
      <img src="https://mintcdn.com/memberpulseptyltd/cIqvFsBcEbZ3dTJH/logo/dark.svg?fit=max&auto=format&n=cIqvFsBcEbZ3dTJH&q=85&s=a07ebcf9b1da25c3b7ce02205962f0ec" alt="Dark mode logo" style={{maxWidth: '200px'}} width="182" height="24" data-path="logo/dark.svg" />
    </div>

    Use on dark backgrounds
  </Card>
</CardGroup>

### Logo Guidelines

<AccordionGroup>
  <Accordion title="Clear Space" icon="maximize">
    Maintain minimum clear space around the logo equal to the height of the "M" in MemberPulse. This ensures the logo remains prominent and uncluttered.
  </Accordion>

  <Accordion title="Minimum Size" icon="minimize">
    * **Digital:** Minimum 32px height
    * **Print:** Minimum 12mm height

    Below these sizes, legibility is compromised.
  </Accordion>

  <Accordion title="Don'ts" icon="x">
    * Do not stretch or distort the logo
    * Do not rotate the logo
    * Do not change logo colours outside the approved palette
    * Do not add effects (shadows, gradients, outlines)
    * Do not place on busy backgrounds
  </Accordion>
</AccordionGroup>

***

## Favicon

<Frame>
  <img src="https://mintcdn.com/memberpulseptyltd/ihGFrT9f6iWZ6hd1/favicon.svg?fit=max&auto=format&n=ihGFrT9f6iWZ6hd1&q=85&s=40635322daf78234f335d7db85dc751a" alt="MemberPulse Favicon" style={{width: '64px', height: '64px'}} width="40" height="24" data-path="favicon.svg" />
</Frame>

The favicon is used in browser tabs, bookmarks, and app icons. It's a simplified version of the logo mark.

***

## Brand Voice

### Tone

| Context                  | Tone                         |
| ------------------------ | ---------------------------- |
| **Help documentation**   | Friendly, clear, instructive |
| **Error messages**       | Helpful, solution-focused    |
| **Marketing**            | Professional, confident      |
| **System notifications** | Concise, informative         |

### Writing Guidelines

<Steps>
  <Step title="Be Clear">
    Use simple language. Avoid jargon unless speaking to technical users.
  </Step>

  <Step title="Be Helpful">
    Always provide actionable guidance. Don't just state problems—offer solutions.
  </Step>

  <Step title="Be Respectful">
    Treat users as intelligent professionals. Don't be condescending.
  </Step>

  <Step title="Be Consistent">
    Use the same terminology throughout. Create a shared vocabulary.
  </Step>
</Steps>