ভিত্তি · Foundations

আকার ও চলন

সবকিছু গোল, ফোলা আর নরম, যেন মেঘ বা বেলুন। যা চাপা যায় তার নিচে একটা ধাপ থাকে, চাপলে সেটা ধাপে বসে যায়।

কোণ

Radius grows with size. Small things are softly rounded; buttons are full pills.

১০px · Chips inside fields, small tags

১৬px · Fields, alerts, small cards

২৪px · Cards, tables, panels

৩২px · Dialogs, hero cards

2xl

৪৪px · Page headers

full

পূর্ণ · Buttons, tabs, badges, toasts

A 4px grid. Inside components use 8–16; between cards 12–16; between sections 48–64.

৪px

৮px

১২px

১৬px

২০px

২৪px

৩২px

৪৮px

৬৪px

Four levels. Shadows are tinted navy and sky, never neutral grey.

সমতলnone

Tables, form sections: anything you read, not press

নরমshadow-soft

Resting cards and tiles

ভাসমানshadow-float

Popovers, dialogs, hovered cards

ফোলাledge

Things you press: buttons, chosen chips

Motion answers the user. One ambient exception: clouds drifting in heroes. Everything turns off with reduced motion.

গতির বাঁক

squish · Anything the user touched: overshoots a little, like a squeezed toy

soft · Things appearing or resizing on their own

linear · Only progress and looping scenery

চার রকম নড়াচড়া

করুন

করবেন না