Logo & Brand
The FundsXML logo is the central element of our brand identity. Use it consistently and respectfully.
Typeface
Font: Inter Bold / system sans-serif
Weight: 700 (Bold)
Tracking: Normal (0)
Case: Uppercase
Colours
Primary: #000000 (Black) / #2D3748
On dark: #FFFFFF (White)
Accent: #4A90E2 (Primary Blue)
Alternative: grayscale allowed
Minimum (digital)
120px width · ~20px height
Optimal (websites)
180–240px · ~30–40px height
Hero areas
360px+ width · ~60px+ height
Clear space: keep a minimum margin equal to the height of the letter “X” on all sides.
Allowed
Not Allowed
Primary wordmark
On dark
Compact mark
Colour Palette
The FundsXML colour palette combines professional and modern tones that convey trust and innovation. Click any swatch to copy its hex value.
Call-to-Action
Primary Blue (#4A90E2) on white for primary buttons and CTAs.
Highlight Areas
Purple → Pink gradient for special announcements.
Info Boxes
Off-white with a coloured border for info areas.
Typography
Clean, modern sans-serif typography that ensures readability and professionalism.
PRIMARY TYPEFACE
abcdefghijklmnopqrstuvwxyz
0123456789
Used for all headings, body text and UI elements.
FALLBACK
Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifFallback for optimal system integration.
Do's
Don'ts
Icons & Symbols
Clear, minimalist line icons for a modern and consistent appearance. We use Lucide icons.
Characteristics
Line-based design
2px stroke weight
Rounded caps
24×24px grid
Colours
Primary #4A90E2
Neutral #718096
Dark #2D3748
Light #CBD5E0
Sizes
Small 16px
Default 20px
Medium 24px
Large 32px
Usage
Navigation
Buttons
Features
Status indicators
Do's
Don'ts
UI Components
Standardised UI components for a consistent user experience across all FundsXML applications.
Primary
Background #4A90E2 · Text #FFFFFF · Radius 8px · Padding 12px 24px
Secondary
Sizes
Basic Card
Standard card with rounded corners and subtle border.
Radius 12px · Border 1px #E2E8F0 · Padding 24px
Total Datasets
+12% from last month
Action Card
Interactive card with hover effect.
Radius 9999px (full) · Padding 4px 12px
Information
This is an informational message with important details.
Success
Your action has been completed successfully!
Warning
Please review this information carefully before proceeding.
Error
An error occurred. Please try again or contact support.
- Border Radius: 8px (buttons, inputs), 12px (cards), 16px (large containers)
- Transitions: 150–200ms for hover effects
- Shadows: subtle, only on hover or elevated elements
- Focus States: 2px ring in Primary Blue at 20% opacity
- Spacing: 8 · 16 · 24 · 32px grid system
Spacing & Shapes
A consistent spacing system and defined shapes ensure a harmonious, professional design. The system is based on a 4px grid.
Container widths
12-column grid
Base: 12 columns · Gap: 16px or 24px
Do's
Don'ts
Templates
On-brand document templates for FundsXML communications. Each is available in editable Office and OpenDocument formats, with a PDF preview.
Presentation Template
Slide deck master for FundsXML presentations — title, section and content layouts in the brand style.
Whitepaper Template
Document master for FundsXML whitepapers and reports — cover, headings and body styles ready to use.