UI Kit
A UI kit showcasing components and design elements for hallin.media.Typography
Heading 1 - DM Sans
font-sans font-semibold text-4xl
Heading 2 - DM Sans
font-sans font-semibold text-3xl
Heading 3 - DM Serif Text
font-serif text-2xl
Heading 4 - DM Serif Text
font-serif text-xl
Body Text - DM Sans Regular
font-sans text-base
Small Text - DM Sans Regular
font-sans text-sm
Monospace - DM Mono font-mono text-base
Colors
Primary
live-50
live-100
live-200
live-300
live-400
live-500
live-600
live-700
live-800
live-900
live-950
Grayscale
stone-50
stone-100
stone-200
stone-300
stone-400
stone-500
stone-600
stone-700
stone-800
stone-900
stone-950
Buttons
Primary
Secondary
Plain
White Variants
Black Variants
Sizes
Notices
Default variant - A simple notice without any specific context
Call to actionInfo variant - Used for general information and helpful tips
Call to actionWarning variant - Used for important warnings that require attention
Call to actionError variant - Used for critical errors or issues that need immediate attention
Call to actionSuccess variant - Used to confirm successful actions or positive outcomes
Call to actionNote variant - Used for additional context or side notes
Call to actionQuote variant - Used for highlighting quotes or important statements
Call to action
