Experience the Brand

What Does “Abruptive” Mean?

As an adjective for the word "abrupt," Abruptive engulfs concepts like "sudden," "unexpected," and "improbable."

Unexpected things defy the odds and happen against all expectations, our anthem for achieving something that most people think is impossible.

Our vision is clear: to help humanity push the impossible. We are not afraid to take chances. We are not afraid to challenge the status quo.

We are the rebels, the rule-breakers, the underdogs. Some call us crazy. Some call us risk-takers. But we know that it's always the ones who take well-calculated risks that end up changing the world.

As an adjective for the word "abrupt," Abruptive engulfs concepts like "sudden," "unexpected," and "improbable."

Unexpected things defy the odds and happen against all expectations, our anthem for achieving something that most people think is impossible.

Our vision is clear: to help humanity push the impossible. We are not afraid to take chances. We are not afraid to challenge the status quo.

We are the rebels, the rule-breakers, the underdogs. Some call us crazy. Some call us risk-takers. But we know that it's always the ones who take well-calculated risks that end up changing the world.

As an adjective for the word "abrupt," Abruptive engulfs concepts like "sudden," "unexpected," and "improbable."

Unexpected things defy the odds and happen against all expectations, our anthem for achieving something that most people think is impossible.

Our vision is clear: to help humanity push the impossible. We are not afraid to take chances. We are not afraid to challenge the status quo.

We are the rebels, the rule-breakers, the underdogs. Some call us crazy. Some call us risk-takers. But we know that it's always the ones who take well-calculated risks that end up changing the world.

What is the

Brand Icon

Mark?

Inspired by the all-seeing eye, our mark symbolizes vision beyond what most people dare to see. The eye is a portal that leads to a hidden and often unnoticed world.

It signals that there is always more to see and learn, no matter how difficult it may seem, a reminder that we should never stop exploring and growing, and a call to action for those who are not afraid to do things differently.

The central circle is surrounded by a portal ring, representing the gravitational push of a white hole. It symbolizes the power of our mission - to provide people with the resources and knowledge they need to defy the odds and make groundbreaking changes in their lives.

Inspired by the all-seeing eye, our mark symbolizes vision beyond what most people dare to see. The eye is a portal that leads to a hidden and often unnoticed world.

It signals that there is always more to see and learn, no matter how difficult it may seem, a reminder that we should never stop exploring and growing, and a call to action for those who are not afraid to do things differently.

The central circle is surrounded by a portal ring, representing the gravitational push of a white hole. It symbolizes the power of our mission - to provide people with the resources and knowledge they need to defy the odds and make groundbreaking changes in their lives.

Inspired by the all-seeing eye, our mark symbolizes vision beyond what most people dare to see. The eye is a portal that leads to a hidden and often unnoticed world.

It signals that there is always more to see and learn, no matter how difficult it may seem, a reminder that we should never stop exploring and growing, and a call to action for those who are not afraid to do things differently.

The central circle is surrounded by a portal ring, representing the gravitational push of a white hole. It symbolizes the power of our mission - to provide people with the resources and knowledge they need to defy the odds and make groundbreaking changes in their lives.

Why are we committed to सहस्रार?

Written in Sanskrit, the word "Sahasrara" represents the seventh primary chakra, "the bridge to the cosmos," also known as the crown chakra.

We are a multicultural institute of various religious faiths and beliefs, and love drawing inspiration from ancient wisdom.

It fuels a commitment to actively pursue the hidden world of what's beyond the veil of modern society and apply our learnings in how we serve humanity through our inventions, ventures & partnerships.

Written in Sanskrit, the word "Sahasrara" represents the seventh primary chakra, "the bridge to the cosmos," also known as the crown chakra.

We are a multicultural institute of various religious faiths and beliefs, and love drawing inspiration from ancient wisdom.

It fuels a commitment to actively pursue the hidden world of what's beyond the veil of modern society and apply our learnings in how we serve humanity through our inventions, ventures & partnerships.

Written in Sanskrit, the word "Sahasrara" represents the seventh primary chakra, "the bridge to the cosmos," also known as the crown chakra.

We are a multicultural institute of various religious faiths and beliefs, and love drawing inspiration from ancient wisdom.

It fuels a commitment to actively pursue the hidden world of what's beyond the veil of modern society and apply our learnings in how we serve humanity through our inventions, ventures & partnerships.

Why Purple?

Not only is purple often associated with nobility and elegance, which are core ingredients we pour into everything we do, but it is also the representative color of the crown chakra.

There are many things that the color purple represents. These include unity, wisdom, wealth, awareness, and fulfillment. People often associate purple with mystery and the unknown - a mark for those who are willing to explore new possibilities.

At Abruptive, we constantly strive to explore new ideas and iteratively craft extraordinary things.

Not only is purple often associated with nobility and elegance, which are core ingredients we pour into everything we do, but it is also the representative color of the crown chakra.

There are many things that the color purple represents. These include unity, wisdom, wealth, awareness, and fulfillment. People often associate purple with mystery and the unknown - a mark for those who are willing to explore new possibilities.

At Abruptive, we constantly strive to explore new ideas and iteratively craft extraordinary things.

Not only is purple often associated with nobility and elegance, which are core ingredients we pour into everything we do, but it is also the representative color of the crown chakra.

There are many things that the color purple represents. These include unity, wisdom, wealth, awareness, and fulfillment. People often associate purple with mystery and the unknown - a mark for those who are willing to explore new possibilities.

At Abruptive, we constantly strive to explore new ideas and iteratively craft extraordinary things.

Branding

Branding

Branding

Use our official brand assets when writing posts about us, printing materials, creating partnership content, etc.

Use our official brand assets when writing posts about us, printing materials, creating partnership content, etc.

Use our official brand assets when writing posts about us, printing materials, creating partnership content, etc.

Logos

SVG

The preferred format to be used for all our logos. Use the light logo (the first one) whenever possible.

The preferred format to be used for all our logos. Use the light logo (the first one) whenever possible.

The preferred format to be used for all our logos. Use the light logo (the first one) whenever possible.

Brand Logo
Brand Logo
Brand Logo
Brand Logo Dark
Brand Logo Dark
Brand Logo Dark

PNG

An alternative image format for our logos, only for when SVG cannot be used.

An alternative image format for our logos, only for when SVG cannot be used.

An alternative image format for our logos, only for when SVG cannot be used.

Brand Logo
Brand Logo
Brand Logo
Brand Logo Dark
Brand Logo Dark
Brand Logo Dark

Icons

SVG

The preferred format to be used for all our icons. Use the light icon (the first one) whenever possible.

The preferred format to be used for all our icons. Use the light icon (the first one) whenever possible.

The preferred format to be used for all our icons. Use the light icon (the first one) whenever possible.

Brand Icon
Brand Icon
Brand Icon Dark
Brand Icon Dark

PNG

An alternative image format for our icons, only for when SVG cannot be used.

An alternative image format for our icons, only for when SVG cannot be used.

An alternative image format for our icons, only for when SVG cannot be used.

Brand Icon
Brand Icon
Brand Icon Dark
Brand Icon Dark

Avatar

JPEG

Our brand avatar, used on social media and other places that require a profile picture.

Our brand avatar, used on social media and other places that require a profile picture.

Our brand avatar, used on social media and other places that require a profile picture.

Brand Avatar
Brand Avatar

Colors

Copy

Primary

#8666FF

134,102, 255

Copy

Dark

#281F4C

40, 31, 76

Copy

Light

#E7E0FF

231, 224, 255

Fonts

Figtree

We use the "Figtree" font for body copy, excluding headings and block content.

We use the "Figtree" font for body copy, excluding headings and block content.

We use the "Figtree" font for body copy, excluding headings and block content.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 400 (Normal)

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
(,.;:?!$&*)

Weight: 700 (Bold)

Web Fonts

Import

Insert this right before closing the <head> element in your HTML.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">

CSS

Use this font family whenever referencing fonts in your CSS.

font-family: "Figtree", sans-serif;

Sizes

Scale

We use the Perfect Fourth scale when calculating all our sizing proportions.

We use the Perfect Fourth scale when calculating all our sizing proportions.

We use the Perfect Fourth scale when calculating all our sizing proportions.

Base: 16px (1rem)

Ratio: 1.333

Smaller Values

Here are some of the most used smaller scale values:

Here are some of the most used smaller scale values:

Here are some of the most used smaller scale values:

0.75

0.563

0.422

0.317

0.238

Larger Values

Here are some of the most used larger scale values:

Here are some of the most used larger scale values:

Here are some of the most used larger scale values:

1.333

1.777

2.369

3.157

4.209

5.61

7.478

9.969

Typography

All headings and copy must be sized accordingly to the scale we use. For structural purposes, a heading can use another heading's size, as long as it's using one of the following sizes:

All headings and copy must be sized accordingly to the scale we use. For structural purposes, a heading can use another heading's size, as long as it's using one of the following sizes:

All headings and copy must be sized accordingly to the scale we use. For structural purposes, a heading can use another heading's size, as long as it's using one of the following sizes:

Heading 1

4.209rem

Heading 2

2.369rem

Heading 3

1.777rem

Heading 4

1.333rem

Heading 5

1rem

Heading 6

0.75rem

Article Body

1.333rem

Default Body

1rem

Elements

Rules

Border Radius: 0.422rem

Letter Spacing: Normal

Buttons

Rules

Font Weight: Bold(700)

Styles

Dark

Light

Outlined

Primary

Primary Outlined

Link

Sizes

Small

Normal

Large