Action button Alert Avatar Bottom sheet Button Card Carousel Cards Checkbox Chip Circular button Compact date input Copy Block When to useCritical banner Date input Date picker Divider Dropdown Image Ratios Instruction Media Button 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
Design at Wise Foundations Components Action buttonAlertAvatarBottom sheetButtonCardCarousel CardsCheckboxChipCircular buttonCompact date inputCopy BlockCritical bannerDate inputDate pickerDividerDropdownImage RatiosInstructionMedia Button ModalMoney inputNavigation optionNudgePassword inputPopoverProgress Bar Progress SpinnersPromo cardRadioScreen loaderSearch inputSection headerSegmented controlSelectSnackbarSummarySwitchTabsText areaText inputUploadUpload inputPatterns 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.