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:
#7756FFBackground:
#111111Main Text:
#FFFFFFSecondary Text:
#7F7F7F
UI Colors
For cards, borders, and interactive elements:
Card Input Color:
#232323Card Border:
#343434
Functional Colors
For states, indicators, and signals:
Positive Indicator:
#AAFF56Negative Indicator:
#FF5656
Usage Notes
Always keep
#7756FFas the primary accent.Use
#111111as 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
Black Logo
White Logo full
Black Logo full
SVG Logo
White Logo
Black Logo
White Logo full
Black Logo full
Primary Logo
White star on
#7756FFbackground
To be used as the default mark for most cases (apps, banners, docs headers).
Dark Mode Variants
White star on black background
Purple star
#7756FFon black background
To be used on dark UIs, presentations, and dashboards.
Light Mode Variants
Black star on white background
Purple star
#7756FFon white background
To be used in light UIs, external docs, and simple integrations.
Reversed Variants
Black star on purple background
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.
Last updated