Panduan Gaya Webflow
Techbit X ialah Templat Aliran Web SaaS Perusahaan kami yang direka untuk pemula B2B moden. Ia telah direka & dibangunkan oleh Agensi Aliran Web Bertauliah kami di brixagency.com .
warna
Warna aksen
Rendah 1
Rendah 1
#408BFC
Warna sekunder
Warna 1
Warna 1
#EEDA29
Warna 2
Warna 2
#5BBEF9
Warna 3
Warna 3
#FF467C
Warna 4
Warna 4
#72D4DE
Warna 5
Warna 5
#D7D0C3
Warna 6
Warna 6
#D7D0C3
Warna neutral
800
Neutral 800
#565F6F
700
Neutral 700
#8BA0B3
600
Neutral 600
#BDCDDC
500
Neutral 500
#BCB5A8
400
Neutral 400
#D7D0C3
300
Neutral 300
#E3DFD3
200
Neutral 200
#F8F9FA
100
Neutral 100
#FFFFFF
Warna sistem
400
Biru 400
#086CD9
300
Biru 300
#1D88FE
200
Biru 200
#8FC3FF
100
Biru 100
#EAF4FF
400
Hijau 400
#11845B
300
Hijau 300
#05C168
200
Hijau 200
#7FDCA4
100
Hijau 100
#DEF2E6
400
Merah 400
#DC2B2B
300
Merah 300
#FF5A65
200
Merah 200
#FFBEC2
100
Merah 100
#FFEFF0
400
Jingga 400
#D5691B
300
Jingga 300
#FF9E2C
200
Jingga 200
#FFD19B
100
Jingga 100
#FFF3E4
Tipografi
Tajuk khas
Paparan 1
Tajuk Co biasa
54px / 1.278em
Donec etdolr odio pelle ntesqu.
Paparan 2
Tajuk Co biasa
38px / 1.368em
Donec et odio lom pellen tesqu diam.
Paparan 3
Tajuk Co biasa
34px / 1.353em
Donec et odio pellen tesqu diam lorem ipsum dolor.
Paparan 4
Tajuk Co biasa
26px / 1.308em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Tajuk
Tajuk H1
Tajuk Co biasa
54px / 1.222em
Donec et odio dolor pelle ntesqu.
Donec et odio dolor pelle ntesqu.
Tajuk H2
Tajuk Co biasa
38px / 1.316em
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Tajuk H3
Tajuk Co biasa
22px / 1.455em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.
Tajuk H4
Tajuk Co biasa
20px / 1.3em
Donec et odio pellentesqu diam lorem ipsum dolor
Donec et odio pellentesqu diam lorem ipsum dolor
Tajuk H5
Tajuk Co biasa
16px / 1.375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Tajuk H6
Tajuk Co biasa
14px / 1.429em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Badan
Badan Besar
Tajuk Co biasa
20px / 1.6em
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim dalam eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Lalai Badan
Tajuk Co biasa
16px / 1.75em
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim dalam eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh dan justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Badan Kecil
Tajuk Co biasa
12px / 1.833em
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim dalam eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et.
Teks tunggal
400
Antara Biasa
Antara Sederhana
Inter Bold
22px / 1.091em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
300
Antara Biasa
Antara Sederhana
Inter Bold
18px / 1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
200
Antara Biasa
Antara Sederhana
Inter Bold
16px / 1.125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
100
Antara Biasa
Antara Sederhana
Inter Bold
14px / 1.143em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Teks Kaya
Teks Tebal
Inter
Lorem ipsum dolor sit amet consectetur
Pautan Teks
Inter
Senarai Bullet
Inter
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Senarai Bernombor
Inter
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Sebut harga
Inter
18px / 1.667em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboure et dolore magna aliqua. Utk enim ad minim veniam
Imej & Kapsyen
Teks Huruf Besar
Inter
Lorem ipsum dolor sit amet consectetur
Teks Corak
Inter
Lorem ipsum dolor sit amet consectetur
Garis Bawah Teks
Inter
Lorem ipsum dolor sit amet consectetur
Bayang-bayang
Bayang-bayang umum
Bayangan 01
Bayangan 02
Bayangan 03
Bayangan 04
Bayangan 05
Bayangan 06
Bayang-bayang butang
Butang
Butang utama
Butang sekunder
Butang bulatan utama
Butang bulatan sekunder
Muat turun butang Apl
Pautan
Lencana
Lencana utama
Lencana sekunder
Input
Input teks
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
Kawasan teks
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
Kotak semak
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
Butang radio
terima kasih! Penyerahan anda telah diterima!
Aduh! Kesilapan telah berlaku semasa menyerahkan borang.
Avatar
Bulatan avatar
ikon
ikon
Ikon bulatan
