Welcome to Metatron UI/UX Guide

Welcome to the Metatron Style Guide Page.

UI Publishing

We have two themes. Each is available for download and all sources are open.

1. White Theme (link)

2. Black Theme

Introduction to Metatron UI Structure

Metatron helps you organize your screen using your own CSS. The next page will show you how to use metatron UI resources and associate your own CSS files. (link)

Introduction to UI Guide

• Layout
• Tone & Manner (Color)
• Font

Introduction to Metatron UI Components

• Button
• Form
• Calendar & Time
• Table
• Selectbox
• Loading
• Form
• Global Menu

Introduction to Metatron UX Patterns

• List UX
• Dashboard UX
• Tab UX
• Modal UX

How to contribute to Metatron UX

• How to create a new menu
• How to make Theme
• How to add a button
• How to add Modal Popup