Styleguide | Winjit

Figma

Pages list

Button

Typo

fw-100 fw-300 fw-400 fw-500 fw-600 fw-700 fw-800
h1 - d-100px/ m-38
h2 - d-74/ m-34
h3 - d-56/ m-30
h4 - d-42/ m-24
h5 - d-32/ m-20
h6 - d-24/ m-18
para - d-18 / m-14

p10 p11 p12 p13 p14 p15 p16 p17 p18 p19 p20 p24

The Visitor may provide his/her
email or other written correspondence
or any other similar means;
The Visitor may provide his/her
email or other written correspondence
or any other similar means;
The Visitor may provide his/her
email or other written correspondence
or any other similar means;

Evolution of Education Technology:

Examines the shift from traditional classrooms to virtual learning environments, acknowledging the global consensus on leveraging technology for educational advancements.

Color

text-BodyBg: #ffffff

text-Blue: #034EA2

text-White: #ffffff

text-Black: #09090B

text-Primary: #034EA2

text-Secondary: #00ED87

text-Success: #00ED87

text-Grey-900: #18181B

text-Grey-800: #27272A

text-Grey-700: #3F3F46

text-Grey-600: #52525B

text-Grey-500: #71717A

text-Grey-400: #A1A1AA

text-Grey-300: #D4D4D8

text-Grey-200: #E4E4E7

text-Grey-100: #F4F4F5

text-Grey-50: #FAFAFA

text-Violet-100: #EDE9FE

text-Blue-100: #DBEAFE

text-Rose-100: #ffe4e6

text-Green-100: #d1fae5

text-Green-500: #10b981

text-Green-400: #4ADE80

text-Orange-50: #71717A

text-Purple-100: #C5B4E9

text-Purple-400: #7D69FF

text-Purple-500: #a855f7

text-Violet-400: #A78BFA

text-Violet-500: #7787FF

text-Rose-500: #E4E4E7

text-Emerald-400: #34d399

text-Indigo-400: #7D69FF

text-Yellow-500: #7D69FF

text-Yellow-400: #FACC15

text-Sky-400: #7D69FF

text-Pink-400: #F472B6

text-Cyan-400: #22D3EE

text-Teal-400: #2DD4BF

text-Background: #F3F3F3

text-HoverCard: #e0ffdb

text-Strokes: #DBDCDE

BG Color

bgc-BodyBg: #ffffff

bgc-Blue: #034EA2

bgc-White: #ffffff

bgc-Black: #09090B

bgc-Primary: #034EA2

bgc-Secondary: #00ED87

bgc-Success: #00ED87

bgc-Grey-900: #18181B

bgc-Grey-800: #27272A

bgc-Grey-700: #3F3F46

bgc-Grey-600: #52525B

bgc-Grey-500: #71717A

bgc-Grey-400: #A1A1AA

bgc-Grey-300: #D4D4D8

bgc-Grey-200: #E4E4E7

bgc-Grey-100: #F4F4F5

bgc-Grey-50: #FAFAFA

bgc-Violet-100: #EDE9FE

bgc-Blue-100: #DBEAFE

bgc-Rose-100: #ffe4e6

bgc-Green-100: #d1fae5

bgc-Green-500: #10b981

bgc-Green-400: #4ADE80

bgc-Orange-50: #71717A

bgc-Purple-100: #C5B4E9

bgc-Purple-400: #7D69FF

bgc-Purple-500: #a855f7

bgc-Violet-400: #A78BFA

bgc-Violet-500: #7787FF

bgc-Rose-500: #E4E4E7

bgc-Emerald-400: #34d399

bgc-Indigo-400: #7D69FF

bgc-Yellow-500: #7D69FF

bgc-Yellow-400: #FACC15

bgc-Sky-400: #7D69FF

bgc-Pink-400: #F472B6

bgc-Cyan-400: #22D3EE

bgc-Teal-400: #2DD4BF

bgc-Background: #F3F3F3

bgc-Strokes: #DBDCDE

Visionary

We see what's next for businesses. Get ready for the future, with a lorem ipsum dolor.

fintech

During Pandemic, Lorem Ipsum Dolor Lives transformed.

5 Mins Read • October 19, 2023

fintech

During Pandemic, Lorem Ipsum Dolor Lives transformed.

October 19, 2023

fintech

During Pandemic, Lorem Ipsum Dolor Lives transformed.

5 Mins Read • October 19, 2023

Digital Onboarding

Improve customer onboarding with our digital solutions.

2 Lorem Ipsum is simply dummy text of the printing

Enhancing capability in BFSI sector to capture or extract information from non-texted format files; like images

Lorem Ipsum is simply dummy text

Inserto has been a great help in transforming Fyers observability landscape. Their end-to-end implementation with open source technologies provided

Community & People Impact

The culture here is electric—full of collaboration, growth opportunities, and a genuine sense of community. It's more than just a workplace; it's a place where I feel valued, supported, and inspired to do my best every day. It's a place where every voice is heard, ideas are respected, and diversity is celebrated.

Rahul Shrivastav

Quality Assurance, RIB

Launchpad

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