v1.0 Design System
Belt & Braces
A comprehensive design system for Make More Digital's agentic software development platform. Built with Next.js, Tailwind CSS, and shadcn/ui.
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lead paragraph - Use this for introductory text that needs emphasis.
Body text - The quick brown fox jumps over the lazy dog. This is standard paragraph text used throughout the application.
Small text - Secondary information and helper text.
Colors
Primary
Secondary
Accent
Muted
Destructive
Card
Chart Colors
Buttons
Variants
Sizes
With Icons
States
Badges
DefaultSecondaryOutlineDestructive
With Icons
CompleteAI Powered3 Tasks
Form Elements
Input
Textarea
Select
Checkbox
Switch
Progress
Project Progress67%
Cards
Project Alpha
E-commerce platform redesign
In ProgressAI
JDSK
Sprint Planning
Upcoming sprint tasks and goals
Tasks completed12/18
Story points34
Days remaining5
New Project
Create a new project or import existing
Alerts
Information
Your project has been updated with the latest AI recommendations.
Error
Build failed. Check the logs for more details.
Avatars
CNJD
ABC+5
Tabs
Project Overview
View your project summary and key metrics.
This tab contains the project overview content.