DESIGN SYSTEM
Articles on: Branding and Styling
Colors
This is the color of the screen when the checkout page is loading.
Area that will be customized:
Accent: Includes all buttons/links with call-to-action:
Background:
Foreground: Titles, subtitles (includes the text of disabled links)
Area that will be customized:
Accent: 🤷
Background:
Foreground:
Background (Purple) Foreground (Text Color):
Foreground: Border color of the active field (green)
Accent:
Base:
![](https://storage.crisp.chat/users/helpdesk/website/d34913f85a374800/untitled-5_1pmpqip.png)
Updated on: 12/01/2024
Colors
This is the color of the screen when the checkout page is loading.
Area that will be customized:
![](https://storage.crisp.chat/users/helpdesk/website/5564955afbde2000/0864c63c-1a70-4490-b795-b78ac2_1vkwvpn.png)
Accent: Includes all buttons/links with call-to-action:
![](https://storage.crisp.chat/users/helpdesk/website/2b08f65e51f8b400/02e698f7-2b90-408b-9150-604b99_j5p318.png)
Background:
![](https://storage.crisp.chat/users/helpdesk/website/776a9e777226f400/1dc3bce7-2fd1-4ad8-a758-f13ec5_sp17vp.png)
Foreground: Titles, subtitles (includes the text of disabled links)
![](https://storage.crisp.chat/users/helpdesk/website/4a74265e3db84800/0ebd2442-9cac-454a-8a13-cf9ff2_1kususa.png)
Area that will be customized:
![](https://storage.crisp.chat/users/helpdesk/website/fc8c4b43eb058800/ec8682a1-692c-4040-ac6d-2cdf5d_b9ihis.png)
Accent: 🤷
Background:
![](https://storage.crisp.chat/users/helpdesk/website/8aedf37b409ab00/31441b14-6e75-4500-99ea-33147a_1381udl.png)
Foreground:
![](https://storage.crisp.chat/users/helpdesk/website/5244e9ae11510400/18089b62-59ea-4afd-a8fe-9f13b1_uc7qx6.png)
Background (Purple) Foreground (Text Color):
![](https://storage.crisp.chat/users/helpdesk/website/d34913f85a374800/untitled-3_1rmab3w.png)
Foreground: Border color of the active field (green)
![](https://storage.crisp.chat/users/helpdesk/website/d34913f85a374800/screenshot-2023-11-15-at-11131_1xobbkz.png)
Accent:
![](https://storage.crisp.chat/users/helpdesk/website/d34913f85a374800/untitled-4_8jlcrh.png)
Base:
![](https://storage.crisp.chat/users/helpdesk/website/d34913f85a374800/untitled-5_1pmpqip.png)
Updated on: 12/01/2024
Updated on: 10/06/2024
Thank you!