Mintoria Brand Guidelines
This skill provides the standards and assets required to maintain Mintoria's premium visual identity across all platforms. Use it to ensure every component feels part of a cohesive, state-of-the-art FinTech ecosystem.
Core Brand Guidelines
Access these reference files for detailed specifications:
- •Colors: Core palette, functional colors, and gradients.
- •Logos & Assets: Logo composition, sizing, and asset paths.
- •Typography: Font families, weights, and hierarchical styles.
- •Design Principles: Micro-animations, glassmorphism, and layout patterns.
Implementation Workflow
When building new features for Mintoria:
- •Check Colors: Always use the CSS variables defined in
src/styles/colors.css. Refer to Colors for the correct semantic usage. - •Apply Design Principles: Follow the Design Principles to add premium touches like gradients, glassmorphism, and smooth transitions.
- •Use Official Logos: Use the assets in the
assets/directory. Refer to Logos & Assets for interactive states (e.g., hover rotation). - •Verify Accessibility: Ensure color contrast meets standards while maintaining the vibrant Mintoria look.
Resources
assets/
Contains the official Mintoria brand assets:
- •
mintoria-logo.webp: Primary logo. - •
mintoria-icon.webp: Standalone icon mark.
references/
Contains detailed documentation:
- •
brand-colors.md - •
brand-logos.md - •
typography.md - •
design-principles.md