Shadows & Radius
The CESS FRSah design system uses standard Tailwind shadow and border-radius utilities. Cards typically use rounded-lg with shadow or shadow-sm.
Shadows
Elevation levels used for cards, buttons, and overlays.
Aa
Small
shadow-smAa
Default
shadowAa
Medium
shadow-mdAa
Extra large
shadow-xlAa
Drop shadow
drop-shadow-smRadius
Border radius tokens used across components.
Aa
Default
rounded4px
Aa
Medium
rounded-md6px
Aa
Large
rounded-lg8px
Aa
Extra large
rounded-xl12px
Aa
Full
rounded-full9999px
Patterns
Common shadow and radius combinations from CESS FRSah.
Preview
Card
rounded-lg border shadowPreview
Stat card
rounded-lg border shadow-smPreview
Primary button
rounded-md shadow-smPreview
Secondary button
rounded-md borderPreview
Public preview
rounded-xl border shadow-smPreview
Logo container
rounded-xl border shadow-mdPreview
Pill
rounded-fullPreview
Avatar
rounded-full shadow-smPreview
Dropdown
rounded-lg border shadow-xlPreview
Sidebar menu
shadow-xl