Edges

• sharp cornerssquare cornersstyle: shape-edge-sharp-corners001Sharp cornersDesign · UI/UX · 3DCGRectangles keep crisp 90° corners with no rounding.
• ⇆ Adjustrounded cornersborder radiusstyle: shape-edge-rounded-corners002Rounded cornersDesign · UI/UX · 3DCGRectangles have their corners rounded with one consistent radius.
• ⇆ Adjustpill shapecapsulestyle: shape-edge-pill003Pill shapeDesign · UI/UX · 3DCGCapsule shapes whose short ends are full semicircles.
• ⇆ Adjustsoft edgesblurred edgesstyle: shape-edge-soft-edges004Soft edgesDesign · UI/UX · 3DCGShape boundaries are blurred so they fade into the background.