logo

Typography

https://mui.com/components/typography

Default Text

h1. Heading

size: 40 / l-height: 50 / weight:700/ spacing: 2

h2. Heading

size: 32 / l-height: 42.666666666666664 / weight:700

h3. Heading

size: 24 / l-height: 36 / weight:700

h4. Heading

size: 20 / l-height: 30 / weight:700

h5. Heading

size: 18 / l-height: 27 / weight:700

h6. Heading

size: 17 / l-height: 26.444444444444446 / weight:700

subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

size: 16 / l-height: 24 / weight:600

subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

size: 14 / l-height: 22 / weight:600

body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

size: 16 / l-height: 24 / weight:400

body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

size: 14 / l-height: 22 / weight:400

caption text

size: 12 / l-height: 18 / weight:400

overline text

size: 12 / l-height: 18 / weight:700

Button

size: 14 / l-height: 24 / weight:700

Colors Text

text primary

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

text secondary

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

text disabled

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

primary

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

secondary

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

info

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

warning

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

error

Cras ultricies mi eu turpis hendrerit fringilla. Fusce vel dui. Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Curabitur suscipit suscipit tellus.

logo

Headquarters

22 Street No.30, An Khanh Ward,
District 2, Ho Chi Minh City, Viet Nam.

+84 81-716-0331

Japan Representative

7F, Honmachi Minami Garden City
3-6-1 Kitakyuhojimachi, Chuo-Ku,
Osaka, 541-0057, Japan

Mr. Kataoka Ryota

Copyright © 2023 Tech Town company