Brandkit

The Munar Brand Kit provides the official design guidelines and assets of the project. It helps ensure that builders, partners, and community members use a consistent and recognizable visual style when creating content or integrating with Munar.

This section includes:

• Core and functional color palettes

• Logo & icon variations

• Typography and corner radius standards

Always use the official assets provided here to keep the brand unified across all platforms.

Core and functional color palettes

Munar brand uses a minimal and consistent color system. Below are the official colors divided into core, UI, and functional palettes.

Core Palette

Use these colors for the main identity:

• Main Color: #7756FF

• Background: #111111

• Main Text: #FFFFFF

• Secondary Text: #7F7F7F

---

UI Colors

For cards, borders, and interactive elements:

• Card Input Color: #232323

• Card Border: #343434

---

Functional Colors

For states, indicators, and signals:

• Positive Indicator: #AAFF56

• Negative Indicator: #FF5656

---

Usage Notes

• Always keep #7756FF as the primary accent.

• Use #111111 as the background for dark mode.

• Functional colors are reserved for specific UI signals and should not be used as primary brand accents.

Logo & Icon variations

Munar brand includes a starburst symbol, available in several color variations. Use only the official versions provided below.

---

Logo with transparent background

• White Logo

10KB

Primary Logo (transparent background).png

image

Open

• Black Logo

12KB

Dark Mode Logo (transparent background).png

image

Open

• White Logo full

18KB

White Logo Full (transparent background).png

image

Open

• Black Logo full

21KB

Black Logo Full (transparent background).png

image

Open

SVG Logo

• White Logo

475B

Primary Logo (transparent background).svg

image

Open

• Black Logo

477B

Dark Mode Logo (transparent background).svg

image

Open

• White Logo full

3KB

White Logo Full (transparent background).svg

image

Open

• Black Logo full

3KB

Black Logo Full (transparent background).svg

image

Open

Primary Logo

• White star on #7756FF background

12KB

Primary Logo.png

image

Open

13KB

Rounded Primary Logo.png

image

Open

21KB

Primary Logo Full.png

image

Open

• To be used as the default mark for most cases (apps, banners, docs headers).

---

Dark Mode Variants

• White star on black background

12KB

Dark Mode Logo.png

image

Open

13KB

Rounded Dark Logo.png

image

Open

21KB

Dark Mode Logo Full.png

image

Open

• Purple star #7756FF on black background

13KB

Dark Accent Logo.png

image

Open

15KB

Rounded Dark Accent Logo.png

image

Open

• To be used on dark UIs, presentations, and dashboards.

---

Light Mode Variants

• Black star on white background

12KB

Light Mode Logo.png

image

Open

13KB

Rounded Light Mode Logo.png

image

Open

• Purple star #7756FF on white background

12KB

Light Accent Logo.png

image

Open

13KB

Rounded Light Accent Logo.png

image

Open

• To be used in light UIs, external docs, and simple integrations.

---

Reversed Variants

• Black star on purple background

13KB

Reversed Accent Logo.png

image

Open

15KB

Rounded Reversed Accent Logo.png

image

Open

• To be used where accent branding is required.

---

Usage Guidelines

• Do not stretch, rotate, or alter the proportions of the star.

• Do not apply shadows, gradients, or outlines.

• Always ensure sufficient contrast between the background and the star.

• Use the primary logo (white on purple) and dark mode logo (white on black) whenever possible.

Typography and corner radius standards

Typography

Munar brand uses two typefaces:

• Poppins — the primary font. Used for UI, documentation, and most text content.

• Prompt — the accent font. Used in the logo and occasionally for major headings or emphasis.

Poppins Font Sizes

• 2XL — 60px / Auto (Hero titles, landing headlines)

• XL — 40px / Auto (Main section headers)

• LG — 20px / Auto (Subheaders, important labels)

• Basic — 16px / Auto (Body text, default paragraphs)

• MD — 14px / Auto (Secondary text, small labels)

• SM — 12px / Auto (Captions, metadata, UI hints)

Usage Notes

• Use Poppins for all regular content, interface elements, and documentation.

• Use Prompt only for the Munar logo and selected headers to provide visual identity.

• Maintain consistent line height and spacing as defined in these templates.