Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus earum eum ipsum iste, iusto maxime nam qui quos reiciendis voluptatem. Blanditiis explicabo natus quos, tempora totam ullam. Nam, non, sapiente.
Headlines
Color Palette
Default Theme Colors
PRIMARY
Primary Turquoise
--color-primary-turquoise
turquoise-500
#1daab4
PRIMARY
Primary Red
--color-primary-red
red-700
#c3162c
SECONDARY
Secondary Blue
--color-secondary-blue
blue-gray-900
#045b69
SECONDARY
Secondary Orange
--color-secondary-orange
orange-400
#fc823e
Turquoise
turquoise-50
#eefdf6
turquoise-100
#d5f8f8
turquoise-200
#aff0f2
turquoise-300
#7ee4e8
turquoise-400
#3acdd6
turquoise-500
#1daab4
turquoise-600
#1c8f9e
turquoise-700
#1d7381
turquoise-800
#205e6a
turquoise-900
#1f4f5a
turquoise-950
#0f343d
Red
red-50
#fef2f4
red-100
#ffe1e5
red-200
#ffc8cf
red-300
#ffa1ad
red-400
#fe6b7e
red-500
#f63d55
red-600
#e31f38
red-700
#c3162c
red-800
#9e1627
red-900
#831926
red-950
#470810
Blue-Gray
blue-gray-50
#e8fffc
blue-gray-100
#c4fff7
blue-gray-200
#91fff0
blue-gray-300
#46ffe6
blue-gray-400
#00ffe7
blue-gray-500
#00f9ff
blue-gray-600
#00c6d9
blue-gray-700
#009cae
blue-gray-800
#007c8b
blue-gray-900
#045b69
blue-gray-950
#004452
Orange
orange-50
#fff5ed
orange-100
#ffe9d5
orange-200
#fecfaa
orange-300
#fead73
orange-400
#fc823e
orange-500
#fa5e15
orange-600
#eb430b
orange-700
#c3300b
orange-800
#9b2711
orange-900
#7d2311
orange-950
#430e07
Gray
gray-50
#f7f7f7
gray-100
#ededed
gray-200
#dfdfdf
gray-300
#c8c8c8
gray-400
#adadad
gray-500
#999999
gray-600
#888888
gray-700
#7b7b7b
gray-800
#676767
gray-900
#545454
gray-950
#363636
Icons
General Icons
icon-arrow-down
icon-arrow-external
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-calendar
icon-check
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-up
icon-close
icon-download
icon-external
icon-facebook
icon-info
icon-instagram
icon-linkedin
icon-logout
icon-mail
icon-menu
icon-minus
icon-pause
icon-phone
icon-play
icon-plus
icon-refresh
icon-search
icon-shop
icon-triangle-up
icon-triangle-down
icon-triangle-left
icon-triangle-right
icon-user
Product Icons
icon-product-app-cloud
icon-product-charging-plug
icon-product-chemical-products
icon-product-clean-planning
icon-product-cleaning
icon-product-compressed-air-technology
icon-product-configurator
icon-product-confirmation
icon-product-contract
icon-product-credit-card
icon-product-customer-satisfaction
icon-product-discount
icon-product-efficient
icon-product-electricity
icon-product-energy-rules
icon-product-fast
icon-product-fastening-technology
icon-product-fittings-and-security
icon-product-good
icon-product-hand-tools
icon-product-landscaping
icon-product-material-processing
icon-product-measuring-and-testing
icon-product-more-bamaka
icon-product-new-car
icon-product-office-and-construction-materials
icon-product-online-shop
icon-product-order
icon-product-personal-service
icon-product-power-tools
icon-product-refueling
icon-product-scaling
icon-product-vitamin-construction
icon-product-welding-and-soldering
icon-product-well-organized
icon-product-workwear
Buttons & Links
⚠️ Background white - no special class needed
Buttons:
Links:
Bamaka Link
Bamaka Link Icon Left
Bamaka Link No Icon
Bamaka Link Icon External
⚠️ Background gray - the container needs the class
Buttons:
Links:
Bamaka Link
Bamaka Link Icon Left
Bamaka Link No Icon
Bamaka Link Icon External
⚠️ Background turquoise - the container needs the class
Buttons:
Links:
Bamaka Link
Bamaka Link Icon Left
Bamaka Link No Icon
Bamaka Link Icon External
⚠️ Background red - the container needs the class
Buttons:
Links:
Bamaka Link
Bamaka Link Icon Left
Bamaka Link No Icon
Bamaka Link Icon External
⚠️ Background darkgray - the container needs the class
Buttons:
Links:
Bamaka Link
Bamaka Link Icon Left
Bamaka Link No Icon
Bamaka Link Icon External