skills.rest
ihlamury
ihlamuryCOMMUNITY
Explore all skills by this author →
𝕏@yagizihlamurGitHub

monzo-ui-skills

Enforce Monzo's light-mode UI design system with Inter font and 4px grid.

73|9|Updated Jan 25, 2026
Search Tags:#typography#design system#color palette#ui design#light mode#monzo
One-click install
npx skills add https://github.com/ihlamury/design-skills --skill monzo-ui-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: monzo-ui-skills
Source: https://github.com/ihlamury/design-skills/tree/main/skills/monzo
Command: npx skills add https://github.com/ihlamury/design-skills --skill monzo-ui-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides opinionated constraints for building user interfaces that are visually consistent with Monzo's distinct light-mode aesthetic, ensuring brand alignment and a polished user experience.

Core Features & Use Cases

  • Monzo Aesthetic Replication: Apply Monzo's specific color palette, typography (Inter font), and spacing (4px grid) to new designs.
  • Accessibility Compliance: Enforces a minimum text contrast ratio of 4.5:1.
  • Use Case: When designing a new feature for a fintech application that needs to feel modern, clean, and trustworthy, referencing these Monzo UI skills will ensure the interface aligns with established best practices for light-mode design and brand consistency.

Quick Start

Apply Monzo's UI design system to build a light-mode interface using the Inter font and a 4px grid.

Frequently Asked Questions about monzo-ui-skills

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply Monzo's UI design system to a light-mode interface?▼

Monzo-style UI design enforces a specific color palette, Inter typography, a 4px spacing grid, and a 4.5:1 contrast ratio for accessibility compliance. It provides opinionated constraints to maintain brand alignment and a polished user experience.

What are the accessibility standards for Monzo-style light-mode interfaces?▼

Monzo UI design uses the Inter font family, a 4px grid system for spacing, and a defined border-radius scale. These specifications ensure structural consistency and visual alignment across all interface elements.

Can I use Monzo UI design skills for fintech application features?▼

Yes, Monzo UI design skills are suited for fintech applications requiring a modern, clean, and trustworthy aesthetic. The system applies established light-mode best practices, specific text styles, and a 4px spacing grid to ensure brand consistency.

Does Monzo UI design support dark mode interfaces?▼

Monzo UI design is strictly limited to light-mode interfaces and does not support dark mode. It enforces specific light-mode color palettes, a 4px spacing grid, and a 4.5:1 contrast ratio, meaning it should not be used for dark theme projects.

Related Skills

Explore More Design & Creative Skills→
ihlamuryihlamury
73

gusto-ui-skills

Enforce Gusto's UI design system constraints for light-mode interfaces.

Community
Intermediate
ihlamuryihlamury
73

superhuman-ui-skills

Enforce Superhuman's UI design system with Inter font and a 4px grid.

Community
Intermediate
ihlamuryihlamury
73

arc-ui-skills

Enforce Arc's UI design system for light-mode interfaces with Inter font and a 4px grid.

Community
Intermediate
ihlamuryihlamury
73

mailchimp-ui-skills

Enforce Mailchimp UI design constraints with light mode, Inter font, and 4px grid.

Community
Intermediate