Action button Alert Avatar Bottom sheet Button Card Checkbox Chip Circular button Compact date input Critical banner Date input Date picker Dropdown Instruction Modal Money input Navigation option Nudge Password input Popover Progress Bar Progress Spinners Promo card Radio Screen loader Search input Section header Segmented control Select Snackbar Summary Switch Tabs Text area Text input Upload Upload input Copy Block When to useImage Ratios Carousel Cards
Design at Wise Foundations Components Action buttonAlertAvatarBottom sheetButtonCardCheckboxChipCircular buttonCompact date inputCritical bannerDate inputDate pickerDropdownInstructionModalMoney inputNavigation optionNudgePassword inputPopoverProgress Bar Progress SpinnersPromo cardRadioScreen loaderSearch inputSection headerSegmented controlSelectSnackbarSummarySwitchTabsText areaText inputUploadUpload inputCopy BlockImage RatiosCarousel CardsPatterns Resources
Copy Block

The copy block is used to explain our features, benefits or service offering to our users.

An example of our copy block
When to use

Our copy blocks are used with the vast majority of our marketing patterns within the system. They are there to allow us to explain our services, benefits and features to our users, usually paired with a button. The block comes in multiple sizes and with a centred or left aligned layout.

  • Do not extend the maximum width of the copy block.
  • Do not justify or right align the text within the block.

An example of our left aligned copy block
Left aligned
An example of our centrally aligned copy block
Centrally aligned
a copy block with extended max width

Do not extend the maximum width of the copy block.

A copy block with right aligned text

Do not justify or right align the text within the block.