EC Style Guide

Workgroup: Comparion
Model: Multi Tech Updated IT Infrastructure

New Activity Logged

Date	User
8/3/2022, 3:35:34 AM	A@c.com
7/3/2022, 2:35:34 AM	b@c.com
6/3/2022, 1:35:34 AM	d@c.com
5/3/2022, 0:35:34 AM	e@c.com

PRICE

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

PRICE WRT Vendor/Source selection

Typography

Breadcrum

Page Heading

Expert Choice

Section Heading

Label

Expert Choice

Paragraphs

Unordered Lists

List item
- Nested list item
- Nested list item
- Nested list item
List item

Ordered Lists

Cheese (essential)
Bacon
1. Normal bacon
2. Canadian bacon
Sausage

Dividers

Links

Link

Colors

Primary Colors

Primary Green (#92C745)

Primary Blue (#0058A3)

Secondary Colors

Secondary Green (#5E980A)

Mid Green (#CDE0AD)

Light Green (#F4F9EC)

Secondary Blue (#013B6A)

Sky Blue (#C4E4FF)

Secondary Orange (#FEA304)

Mid Gray (#CECECE)

Spot Colors

White (#fff)

Link Blue (#0058FF)

Light Blue (#F7F9FC)

Lavender (#E6E9F4)

Ghost White (#F5F6FA)

Highlighter (#F0142F)

Rust Orange (#DC6200)

Black (#010101)

Cloud Burst (#354052)

Spanish Gray (#9A9A9A)

Dark Gray (#5D5D5D)

Light Gray (#E5E5E5)

White Smoke (#EFEFEF)

Default Color Palettes

HEX: #5E980A

HEX: #92C745

HEX: #3b75e5

HEX: #0058A3

HEX: #013B6A

HEX: #001128

HEX: #1b3158

HEX: #2d68a2

HEX: #84cbcd

HEX: #54af96

HEX: #307042

HEX: #FEA304

HEX: #DC6200

Icons

Highlight Icons

Users

Users Settings

Simple Form

Add

Normal Icons

Chart

Grid

Download

Multi User

Expand

Contract

Export

Reset

Play

Pause

Stop

Refresh

Lock

Toggle

Edit

Delete

Cut

Copy

Paste

Copy-Clipboard

Toggle

Paint

View

1 - High contrast 45 colors palette
2 - Medium contrast 30 colors palette

Color palette

Erase

Sort

Code

Add

Save

List View

Lines

Ticks

Align Labels to Values

Expand Labels

Vertical Bar

Radar Chart

Mailbox

Chat

link

Settings

Erase

Add Folder

Filter

Without Background Icons

Info

Empty Info

Edit

Copy

View

Reset

Delete

Add

Attach link

Upload

Filter

Sorting

Blue Snowman

Search

Forms

Input Textbox:

Select Box:

Text Area:

Is this a radio button?

True

False

Where do you live?

New Haven

West Haven

File Input

Choose a file

Submit

logos

Animations

Icons

Social Media PNG files

Buttons

Normal button

Button Button

Disable buttons

Disable Green Button Disable Blue button Disable Grey button

Buttons with icon

New Panel

Pagination

- Page 1
- of 3 (124 items)
1

Tabs

Tab 1 Content

Tab 2 Content

Tables

		NAME	IGNORE (Soft Constraint)	ACTIONS
		PM Link copied to clipboard
		Engineers Link copied to clipboard
		Long Link copied to clipboard
		Medium Link copied to clipboard
		Short Link copied to clipboard

Alerts

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple danger alert—check it out!

A simple warning alert—check it out!

A simple info alert—check it out!

A simple light alert—check it out!

A simple dark alert—check it out!

Modal

InfoDoc

Alternative 7

Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem dummy text ever since the 1500s. Lorem Ipsum has been the industry's the with respect to

Progress Bar

Default

Highlight

CSS Location "http://45.248.158.75/ec/css/"

Name	Description
style.css	Main Style
header.css	Defining header Style
nav.css	Defining top navigation Style
sidebar-menus.css	Sidebar Style
footer.css	Defining footer Style
color.css	Define the all colors variable
fonts.css	Defining fonts style
responsive.css	All Devices Responsive Style
bootstrap.min.css	By Default Bootstrap (Can't change anything)
bootstrap.min.css.map	By Default Bootstrap (Can't change anything)
owl.carousel.min.css	By default Owl carousel (Slider Css,Can't change anything)
owl.theme.default.min.css	By default Owl carousel (Slider Css,Can't change anything)

New Features

New Activity Logged

Date	User
8/3/2022, 3:35:34 AM	A@c.com
7/3/2022, 2:35:34 AM	b@c.com
6/3/2022, 1:35:34 AM	d@c.com
5/3/2022, 0:35:34 AM	e@c.com

New Activity Logged

Date	User
8/3/2022, 3:35:34 AM	A@c.com
7/3/2022, 2:35:34 AM	b@c.com
6/3/2022, 1:35:34 AM	d@c.com
5/3/2022, 0:35:34 AM	e@c.com

Expert Choice Style Guide

Header Navigation

Typography

Breadcrum

Page Heading

Expert Choice

Section Heading

Label

Paragraphs

Unordered Lists

Ordered Lists

Dividers

Links

Colors

Primary Colors

Secondary Colors

Spot Colors

Default Color Palettes

Icons

Highlight Icons

Normal Icons

Without Background Icons

Search

Forms

logos

Animations

Icons

Social Media PNG files

Buttons

Normal button

Disable buttons

Buttons with icon

Pagination

Filters

Tabs

Dropdowns

Highlight Dropdown

Normal Dropdown

Disable Dropdown

Tables

Alerts

Modal

InfoDoc

WITH RESPECT TO Step Function

Accordion

Accordion Header1

Accordion Header2

Accordion Header3

Progress Bar

CSS Location "http://45.248.158.75/ec/css/"

New Features

New Activity Logged

New Activity Logged

Fotter Bar