Typography

  1. Dastone
  2. /
  3. Ui Kit
  4. /
  5. Typography

Text Size

Dastone - Text XS

Dastone - Text SM

Dastone - Text Base

Dastone - Text LG

Dastone - Text XL

Dastone - Text 2XL

Dastone - Text 3XL

Dastone - Text 4XL

Dastone - Text 5XL

Dastone - Text 6XL

Font Weight

Dastone - Font thin

Dastone - Font Extralight

Dastone - Font Light

Dastone - Font Normal

Dastone - Font Medium

Dastone - Font Semibold

Dastone - Font Bold

Dastone - Font Extrabold

Dastone - Font Black

Text Alignment

Text Left

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Text Center

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Text Right

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Word Options

Text decoration color

I’m Derek, an astro-engineer based in Tattooine. I like to build X-Wings at My Company, Inc. Outside of work, I like to watch pod-racing and have light-saber fights.

Text Indent

It is a long established fact that a reader will be distracted by the readable content of distracted by the readable content a page when looking at its layout.

Referencing an attribute value

Line Height

.leading-noneIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

.leading-tightIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

.leading-snugIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

.leading-normalIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

.leading-relaxedIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

.leading-looseIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal .

Text Decoration

please read our terms and services

please read our terms and services

please read our terms and services

please read our terms and services

please read our terms and services

Theme Colors

Text primary 500

Text red 500

Text orange 500

Text amber 500

Text yellow 500

Text lime 500

Text green 500

Text emerald 500

Text teal 500

Text cyan 500

Text sky 500

Text blue 500

Text indigo 500

Text violet 500

Text purple 500

Text fuchsia 500

Text pink 500

Text rose 500

© Dastone