Branding UI Kit

What follows are sections to include in a UIKit Website to assist developers and designers with keeping a consistent brand image.

Design Tab Page

Color Pallets

Brand

• Primary color: Image of color, HEX
• Secondary Color: Image of color, HEX
• Accent: Image of color, HEX

Add ability to copy color codes

Grayscale

White, Grady 100, Gray 200, 300 400 500, 600, 700, 800, 900 Black

Status

Success (Green), Info (blue), warning-alt (Yellow Orange), Warning (Orange), Danger (Red)

Miscalaneus

Link (Blue)

Typography

Something like this: https://html5up.net/uploads/demos/landed/elements.html

Sections:

• Typography
• Headings
• Display Headings
• Subheadings
• Weights
• Paragraphs
• Lists

---

Primitives Tab

• Button
• Checkbox
• icons
• label
• panel
• switch
• table
• text area

---

Components

• Arcordian
• Alert
• Badge
• Dropdown
• Guage
• Loader
• Modal
• Pagination
• Progressbar
• Tabs

HAVE Ability to view dark mode theme

HAVE Project Repository of

• Angular CUI With CaughtUp Branding
• Flutter With CaughtUp Branding

Journal

• 2020-11-23 Created file