FinBro · ພາສາອອກແບບ Stripi
ລະບົບອອກແບບ FinBro
ໂທນສີ, ຕົວອັກສອນ, ໄອຄອນ ແລະ ຄອມໂພເນັນທັງໝົດ ທີ່ໃຊ້ສ້າງ FinBro — ຈັດວາງແບບ Figma ໃນໜ້າດຽວ.
Inter 300Noto Sans LaoTailwind v4Next.js + Bun
ພື້ນຖານ
ໂທນສີ
ສີແບຣນ & ເນັ້ນ
#533afd
primary
#4434d4
primary-deep
#2e2b8c
primary-press
#665efd
primary-soft
#b9b9f9
primary-subdued
#1c1e54
brand-dark
#ea2261
ruby
#f96bee
magenta
ພື້ນຜິວ
#ffffff
canvas
#f6f9fc
canvas-soft
#f5e9d4
canvas-cream
#e3e8ee
hairline
#a8c3de
hairline-input
ຕົວອັກສອນ
#0d253d
ink
#273951
ink-secondary
#64748d
ink-mute
ແອັບໂໝດມືດ
#0c0e2c
app-bg
#16183f
app-surface
#1f2352
app-surface-2
#2c2f63
app-border
#eef0ff
app-ink
#9aa2ce
app-mute
ຄວາມໝາຍ (Product UI)
#12b981
positive
#ea2261
negative
#e8a33d
warn
ພື້ນຖານ
ໄລ່ສີຟ້າ (Blue gradient)
ໄລ່ສີ & ບັນຍາກາດ
gradient-blue
gradient-blue-diagonal
gradient-blue-soft
ໄລ່ສີຟ້າ-ຄາມ ໃຊ້ໃນ Hero, ປຸ່ມ CTA, ຫົວແອັບ ແລະ ປ້າຍເນັ້ນ. Mesh ດ້ານເທິງເປັນ SVG blur ຫຼາຍຊັ້ນ.
ພື້ນຖານ
ຕົວອັກສອນ
Inter 300 · Noto Sans Lao · ss01 / tnum
display-xxlການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
display-xlການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
display-lgການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
display-mdການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
heading-lgການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
heading-mdການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
body-lgການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
body-mdການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
body-tabularການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
captionການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
microການເງິນທີ່ສະຫຼາດ 123,000 ກີບ
ພື້ນຖານ
ຮູບຊົງ & ໄລຍະຫ່າງ
ມົນ (Radius)
xs
sm
md
lg
xl
pill
ໄລຍະຫ່າງ (Spacing)
xxs2px
xs4px
sm8px
md12px
lg16px
xl24px
xxl32px
huge64px
ຄວາມສູງ (Elevation)
card
float
deep
ຄອມໂພເນັນ
ປຸ່ມ
Button · pill · 8×16
ຄອມໂພເນັນ
ປ້າຍ & ຟອມ
ປ້າຍ & ສະຖານະ
ໃໝ່ຕັດໜີ້ແລ້ວເກີນກຳນົດລໍຖ້າ
ຊ່ອງປ້ອນຂໍ້ມູນ
ຄອມໂພເນັນ
ຄັງໄອຄອນ
ໄອຄອນເສັ້ນ SVG · currentColor · 1.6
Mic
Receipt
Keyboard
Send
Sparkles
Chat
Wallet
TrendUp
TrendDown
Chart
Coins
Bank
Qr
Scan
Bell
ArrowRight
ArrowUpRight
Check
Plus
Close
ChevronRight
ChevronDown
Spin
Flame
Trophy
Crown
Star
Users
Target
Gift
Shield
Food
Transport
Shopping
Bills
Home
Fun
Health
Income
Phone
Plane
ຄອມໂພເນັນ
ໂມໂນແກຣມ & ປ້າຍ
ຮູບແທນຄົນ (Avatar)
ນ້ອງ ໂຕ້
ອ້າຍ ສົມສະ
ນາງ ຄຳ
Phouthone
ໝູ່ ບີ
ປ້າຍຮ້ານຄ້າ (O2O)
Naga Coffee
Sinouk Coffee
iBeam IT
Common Grounds
The Pizza Co.
ອັນດັບ (Rank)
ທອງແດງ
ເງິນ
ຄຳ
ພລາທິນຳ
ເພັດ
ມາສເຕີ
ໝວດຄ່າໃຊ້ຈ່າຍ
ອາຫານ & ເຄື່ອງດື່ມ
ຄ່າເດີນທາງ
ຊັອບປິ້ງ
ຄ່ານ້ຳ-ໄຟ-ເນັດ
ຄ່າເຊົ່າ / ບ້ານ
ບັນເທີງ
ສຸຂະພາບ
ລາຍຮັບ
ຄອມໂພເນັນ
ກາດ & ພື້ນຜິວ
ກາດຄຸນສົມບັດ
ພື້ນຂາວ, ມົນ 12px, ເງົາ card.
O2O
ແຖບຄີມ
ໂທນອຸ່ນ ຄັ່ນລະຫວ່າງ ຟ້າ/ຂາວ.
ກາດແອັບໂໝດມືດ
1,246,000 ກີບ
Free
0 ກີບ
Premium
99,000 ກີບ/ເດືອນ
ຄອມໂພເນັນ
ກຣາຟຂໍ້ມູນ
Donut · tabular figures
- ຄ່າເຊົ່າ / ບ້ານ
- ອາຫານ & ເຄື່ອງດື່ມ
- ບັນເທີງ
- ຊັອບປິ້ງ
- ຄ່ານ້ຳ-ໄຟ-ເນັດ