Global Presets UI Style Guide

01. Color palette

Primary Color-1 : #FDBD40

Primary Color-2 : #1C375B
Secondary Color : #009966
Accent Color : #F7D569

Primary Light Color : #6F8197

Black Color : #010E16
White Color : #FFFFFF

Why choose us background : #FFFCF2

02. Text Styles

Heading 1
CSS Class : prompth1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

  • Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
  • Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
  • Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
  • Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorum ipsum dolor sit amet.

  • Quisque velit nisi
Number

11

Menu Title

Brunch

03. Buttons

CTA Button
CSS Class:
button-cta-figma

Normal/Hover

Active

Primary Button
CSS Class:
button-primary-figma

Normal/Hover

Secondary Button
CSS Class:
button-secondary-figma

Normal/Hover

Tertiary Button
CSS Class:
button-tertiary-figma

Normal/Hover

Active

Why Choose Knolyx?

Offers engaging and accessible learning experiences. Our amazing ratings on G2 and Capterra locate as one of the best eLearning platforms in the market.

Enhanced Learner Engagement
Enhanced Learner Engagement

Uses gamified learning and interactive content, which improves learners’ engagement.

Practical Learning Paths
Practical Learning Paths

Guarantees objectives’ accomplishment, helpings users to take care of their careers.

Engagement and Motivation
Engagement and Motivation

User-friendly interface and engaging content, ensuring completion rate. It encourages users to complete more trainings and advance.

Reduced Training Costs
Reduced Training Costs

Eliminates travel and printing expenses, reducing costs of more complex platforms.

Effective Knowledge Retention
Effective Knowledge Retention

Integrates microlearning and spaced repetition, increasing knowledge retention.

Tracking and Reporting
Tracking and Reporting

Solid analytics for progress and ROI measurement.

Improved Performance
Improved Performance

Higher knowledge retention, boosting productivity and performance.

Accessibility and Scalability
Accessibility and Scalability

It is responsive as it is designed for people with different needs. It has a cloud-based platform accessible anywhere.

Hybrid Learning Flexibility
Hybrid Learning Flexibility

Supporting both in-person and remote learning provides a seamless experience across different learning environments.

What’s Included in Our Course Creation Handbook?

Here’s what you’ll get when you download the free course creation handbook:

icon

Course Planning Template

A fillable template to help you outline your course structure, organize your modules, and define clear learning objectives.

icon

Video Creation Checklist

A step-by-step guide to recording high-quality videos, including tips on equipment setup, lighting, audio, and editing.

icon

Course Material Organizer

A template to help you gather and organize all your lesson materials—handouts, quizzes, infographics, and video content—into a streamlined system.

icon

Interactive Learning Guide

A checklist of ways to incorporate interactive elements like quizzes, discussions, and assignments to boost student engagement.

icon

LMS Upload and Setup Checklist

A checklist for uploading and organizing your course content in your Learning Management System, including instructions for configuring navigation and tracking.

icon

Course Review and Launch Guide

A step-by-step guide for testing your course, gathering feedback, refining your content, and launching it to your audience.

…and so much more!

Learner Management

Easily control the level of access with granular permissions and save time with with roles, departments and multi-tenant settings.

learners-management
Collaboration management
It is easy for learners, instructors, publishers, supervisors and administrators to collaborate regardless of their location
Customizable branding
Increase customer brand recognition and foster trust with your branding
Multi-language support
Provide a multi-lingual learning environment to serve a global audience in their native language
Roles
Increased internal control and map permissions to roles for efficient access management
Permissions
Improve overall security with granular controls to protect sensitive resources, and improved monetization for creators and trainers.
Departments/Workgroups management
Foster lines of communications, collaboration and dedicated content for each context
Multi-tenant client administration
Manage multiple clients from a centralized dashboard and leverage clonable instances for larger organizations and training companies
Assign out-of-office replacements
Don’t leave your learners hanging with out of office profile creation and temporary user replacement policies
Bulk User Actions
Perform changes quickly and save endless hours of clicking with bulk actions.
Dashboards for all types of roles
Provide custom information at-a-glance so each users sees the right information for their context.
Toggle between role types with a single user
Switch between roles to simulate user experiences without the need for multiple accounts and cycles of logging in and out.

As Trusted By

Columbia University
ing
UniCredit
urgent-cargus
Societe-Generale

Book a Demo

Find out why Knolyx is the best solution for your business

Our Learning Experience Platform (LXP) provides you with a clear return on investment (ROI) through robust analytics, an engaging learning experience and a scalable solution for your team and customers alike.