Design System

A collection of the typography, colors, and components used across TechGurukul.

Typography

Display / H1

Master the Future

Heading / H2

Popular Courses

Heading / H3

Course Content

Heading / H4

Instructor

Body / Large

TechGurukul helps learners develop in-demand skills and build better careers with advanced tech-focused courses.

Body / Base

Join thousands of students learning Python, Java, and Data Science. Get mentored by industry experts and land your dream job.

Body / Small

Secure Checkout powered by Razorpay. By continuing, you agree to our Terms of Service.

Color Palette

Primary 50

var(--primary-50)

Primary 100

var(--primary-100)

Primary 200

var(--primary-200)

Primary 300

var(--primary-300)

Primary 400

var(--primary-400)

Primary 500

var(--primary-500)

Primary 600

var(--primary-600)

Primary 700

var(--primary-700)

Primary 800

var(--primary-800)

Primary 900

var(--primary-900)

Gray 900 (Text)

Gray 500 (Subtext)

Gray 100 (Borders)

Gray 50 (Background)

Interactive Components

Buttons

Form Elements

Cards & Layouts

Full Python Course
50% OFF
Python
4.8

Full Python Course

Build a deep, solid understanding of Python. Learn Data Science, Machine Learning, Data bases and more.

$100
Advanced Java
30% OFF
Java
4.7

Advanced Java

Master Java In-Depth: Become a Complete Java Engineer! Comprehensive Java programming course.

$120

Feature Card

Used for displaying features or services in a grid layout.