Basic styles
Component

Axtra Style Guide

Axtra is a clean, modern, organic design which can be used for any creative agency, consulting agency, digital service agency, digital it business & portfolio website. You can change all of the colors, font-family,  font-size, and everything from this global style guide.
Color Image

Colors

Main Colors

Bg Primary
Color Primary
#121212
Bg Dark Light
Color Dark Light
#555555
Bg Grey
Color Grey
#999999
Bg White
Color White
#FFFFFF
Bg White
Color Green Light
#C9F31D
Bg Dark Grey
Color Dark Grey
#a8a8a8
Typography Image

Typography

Heading Font Size

Heading Xxl

kanit
150px /1em

Display1

Heading Xl

kanit
120px /0.9em

Display2

Heading Lg

kanit
80px /1em

Display3

Heading Md

kanit
60px /1.1em

Display4

Heading Sm

kanit
50px /1em

Display5

Heading Xs

kanit
36px /1.9em

Display6

H1 Tag

kanit
36px /1.9em

Display H1 Tag

H2 Tag

kanit
36px /1.9em

Display H2 Tag

Heading Xs

kanit
36px /1.9em

Display6

Body Font Size

Text Xxl

kanit
28px /1.3em
Display1

Text Xl

kanit
26px /1.25em
Display2

Text Lg

kanit
24px /1.4em
Display3

Text Md

kanit
20px /1.4em
Display4

Text Sm

kanit
20px /1.4em
Display5

Text Xs

kanit
16px /1.4em
Display6

Text Font Weight

Text Bolder

font-weight 900
Display1

Text Bold

font-weight 700
Display1

Text Semibold

font-weight 600
Display1

Text Medium

font-weight 500
Display1

Text Normal

font-weight 400
Display1

Text Light

font-weight 300
Display1

Rich Text Style

Heading H1

Heading H2

Heading-H3

Heading-H4

Heading-H5
Heading-H6

ecorated in shades of decadent jewels, dripping with lights and a bangin' sound system, Saturdays go hand in hand with SEDUCTION. Prepare yourself

Purus non enim praesent elemenntum facilisis leo. Quis lectus nulla at volutpat. Nunc scelerisquecicerra mauis in aliquam sem fringilla. Nam at lectus duis convallis convallis tellus. Fames acturpic egistas integer eget aliquet nibh tristique.

Being clear in your head of what you want to achieve will aid you big time in moving forward with your plan. However, a crucial thing to consider here is to set realistic goals.  By setting realistic goals,

we mean that you should consider your resources such as budget and time. Before moving forward with your architectural plan.  By setting realistic goals, we mean that you should consider your resources such as budget and time. Before moving forward with your architectural plan.

Success needs hard work. Don’t listen to these ‘get rich quick’ schemes. You need to build your character and work hard on yourself and your business to achieve greatness. Work hard and work smart. Do the right things and do them in the right way. Don’t procrastinate. Take bold actions. Work long hours and craft your legacy.

Order list

  1. In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  2. Nullam dictum felis eu pede mollis pretium.
  3. Integer tincidunt. Cras dapibus.

Unorder list

  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  • Nullam dictum felis eu pede mollis pretium.
  • Integer tincidunt. Cras dapibus

Paragraph Link — Bold Text — Italic Text

Button Image

Buttons

Buttons Style

Btn Primary Dark
Btn Primary
View
all services
Btn Secondary Light