#Figma

Last Update 30/03/2025

Arbor Desing System

Arbor Design System is a comprehensive framework designed to ensure consistency.

Overview

Arbor Design System is a comprehensive framework designed to ensure consistency, scalability, and efficiency across digital products. It centralizes reusable UI components, design tokens, and guidelines to maintain visual and functional coherence throughout applications.

This project includes:

Component Library: A robust collection of responsive and accessible components tailored for web and mobile platforms.

Design Tokens: Standardized variables for colors, typography, spacing, and more to create a unified brand experience.

The design system empowers cross-functional teams to focus on innovation while reducing redundant work, ensuring a cohesive user experience across all touchpoints.

🌈 Styles & Foundations

↪ Typography ✅

↪ Colors ✅

↪ Elevations ✅

↪ Outlines ✅

↪ Corner Radius ✅

↪ Blurs ✅

↪ Art Board Sizes ✅

↪ Grid Styles ✅

↪ Icons ✅

↪ Project Thumbnail

🎛 Base Components

↪ Logo ✅

↪ Toggle ✅

↪ Checkboxes

↪ Radio buttons

↪ Buttons

↪ Input fields

↪ Textarea

↪ List items

↪ Dropmenu

↪ Avatars

↪ Pagination

↪ Date Picker

↪ Alerts

↪ Toast

↪ Tags

↪ Tooltips

↪ Top Navigation

↪ Switcher

↪ Chips

↪ Links

↪ Modals

↪ Sidebar Navigation

Tools

Figma

Made by Emircan Celik · ©2025