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

# Brandkit

> Meridian brand assets and guidelines

## Colors

<div style={{display: 'flex', flexDirection: 'column', gap: '21px'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '13px'}}>
    <div style={{width: '89px', height: '89px', backgroundColor: '#34D399', borderRadius: '8px'}} />

    <div>
      <div style={{fontWeight: 'bold'}}>#34D399</div>
      <div style={{color: '#8C8C8C'}}>Mint Green</div>
    </div>
  </div>

  <div style={{display: 'flex', alignItems: 'center', gap: '13px'}}>
    <div style={{width: '89px', height: '89px', backgroundColor: '#171719', borderRadius: '8px', border: '1px solid #282825'}} />

    <div>
      <div style={{fontWeight: 'bold'}}>#171719</div>
      <div style={{color: '#8C8C8C'}}>Deep Black</div>
    </div>
  </div>

  <div style={{display: 'flex', alignItems: 'center', gap: '13px'}}>
    <div style={{width: '89px', height: '89px', backgroundColor: '#1B1B1C', borderRadius: '8px'}} />

    <div>
      <div style={{fontWeight: 'bold'}}>#1B1B1C</div>
      <div style={{color: '#8C8C8C'}}>Main Black</div>
    </div>
  </div>

  <div style={{display: 'flex', alignItems: 'center', gap: '13px'}}>
    <div style={{width: '89px', height: '89px', backgroundColor: '#1B2824', borderRadius: '8px'}} />

    <div>
      <div style={{fontWeight: 'bold'}}>#1B2824</div>
      <div style={{color: '#8C8C8C'}}>Dark Emerald</div>
    </div>
  </div>

  <div style={{display: 'flex', alignItems: 'center', gap: '13px'}}>
    <div style={{width: '89px', height: '89px', backgroundColor: '#F0F0F0', borderRadius: '8px', border: '1px solid #282825'}} />

    <div>
      <div style={{fontWeight: 'bold'}}>#F0F0F0</div>
      <div style={{color: '#8C8C8C'}}>Light Gray</div>
    </div>
  </div>
</div>

## Typography

[Funnel Display](https://fonts.google.com/specimen/Funnel+Display) from Google Fonts.

400 for logo.

<div style={{fontFamily: 'Funnel Display', fontWeight: 400, fontSize: '48px', marginTop: '21px', marginBottom: '21px'}}>
  Meridian
</div>

Larger font sizes prioritized for readability.

## Logos

<CardGroup cols={2}>
  <Card title="Token Logo">
    <img src="https://mintcdn.com/meridian-11ea0994/MwTvgIdZ0j6lmgKI/logo/token-logo-128.png?fit=max&auto=format&n=MwTvgIdZ0j6lmgKI&q=85&s=00ee39ce8fdba3140a49c52596edc95a" alt="Meridian Token Logo" width="534" height="534" data-path="logo/token-logo-128.png" />
  </Card>

  <Card title="SVG">
    <img src="https://mintcdn.com/meridian-11ea0994/ctiZuDr85tvOna73/logo/dark.svg?fit=max&auto=format&n=ctiZuDr85tvOna73&q=85&s=bcbb253803b60b0e16d8608fbeb4957c" alt="Meridian Logo SVG" width="542" height="541" data-path="logo/dark.svg" />
  </Card>
</CardGroup>