Core Concepts

The foundation of all components, styles, and functions in Termeh lies in its core, which provides a set of configurable variables and essential helper functions.

The core includes utilities for color management, such as contrast calculation, luminance analysis, and dynamic generation of color palettes. These functions help ensure accessible and visually harmonious UI designs.

In addition, Termeh's core provides helpers for layout and structure, including grid system utilities, responsive design helpers, and text styling functions. These tools allow developers to build flexible, scalable, and consistent interfaces with ease.

Each section below dives deeper into these core features, showing how to leverage Termeh's built-in functions and mixins to create modern, modular, and maintainable UIs.

• Global Variables — Centralized, reusable variables for scoped styling
• Gaps — Consistent spacing system for layouts and components
• Units — Flexible grid units for sizing and layouts
• Text — Text sizes and styles for UI components
• Flexbox Utilities — Helpers for align and justify in Flexbox
• Responsive Design — Utilities and mixins for responsive breakpoints
• Color Management — Define, manage, and retrieve colors and variants
• Palette Generator — Generate and manipulate accessible color palettes
• Contrast Utilities — Tools for color contrast and harmony
• UI Utilities — Mixins and helpers for layout and components
• Utils — General helpers for math, lists, types, and errors