Hello Again Logo

Styleguide

Icons

Size 16

x
check-circle
check
chevron-down
chevron-left
chevron-right
chevron-up
copy
facebook
filter
instagram
linkedin
mail
minus
phone
plus-circle
plus
search
tiktok
xing
warning
youtube

Size 24

check-circle
arrow-right
chat
check
chevron-up
close
minus
x
arrow-right-bold
arrow-left-bold

Size 32

branche-cosmetics
branche-bakery
branche-fashion
branche-freetime
branche-grocery
branche-hairdresser
branche-pet
branche-pharmacy
branche-restaurant
branche-shoppingcenter
branche-sport
branche-tourism

Size 48

bonus
about
atmosphere
blog
branche-bakery
branche-cosmetics
branche-fashion
branche-fitness
branche-freetime
branche-grocery
branche-hairdresser
branche-pet
branche-pharmacy
branche-restaurant
branche-shoppingcenter
branche-sport
branche-tourism
communication
crm
development
events
gamification
help
homeoffice
jobs
lead
loyaltypoints
loyaltyprogram
microgame
newclients
office
podcast
press
publictransport
sales
simplicity
snacks
success
supportiveteam
tasks
team
teamevents
video
webinar
whitepaper
acend
cart
commercial
costs
heart
market
message
money-star
money
note-frame
note
phone
phone-star
piechart-sector
piechart
prämie
qr-code
revenue
school
search
settings
shop-success
team-plus
tool

Colors

text-gray-100
text-gray-200
text-gray-300
text-gray-400
text-gray-600
text-gray-700
text-gray-800
text-blue-50
text-blue-100
text-blue-200
text-blue-300
text-blue-400
text-blue-500
text-blue-600
text-green-50
text-green-100
text-green-200
text-green-300
text-green-500
text-turquoise-50
text-turquoise-500
text-turquoisegreen-50
text-turquoisegreen-500
text-turquoiseblue-50
text-turquoiseblue-500
text-white
text-error-500
text-error-100
text-warning-500
text-success-500

Typos

Lorem ipsum dolor sit
typo-mega
Lorem ipsum dolor sit
typo-mega-gradient
Lorem ipsum dolor sit
typo-mega-light
Lorem ipsum dolor sit
typo-h1
Lorem ipsum dolor sit
typo-h1-gradient
Lorem ipsum dolor sit
typo-h1-light
Lorem ipsum dolor sit
typo-h2
Lorem ipsum dolor sit
typo-h2-gradient
Lorem ipsum dolor sit
typo-h2-light
Lorem ipsum dolor sit
typo-h3
Lorem ipsum dolor sit
typo-h3-gradient
Lorem ipsum dolor sit
typo-h4
Lorem ipsum dolor sit
typo-h4-light
Lorem ipsum dolor sit
typo-h5
Lorem ipsum dolor sit
typo-h5-light
Lorem ipsum dolor sit
typo-h6
Lorem ipsum dolor sit
typo-h6-light
Lorem ipsum dolor sit
typo-lg
Lorem ipsum dolor sit
typo-lg-medium
Lorem ipsum dolor sit
typo-lg-bold
Lorem ipsum dolor sit
typo-base
Lorem ipsum dolor sit
typo-base-medium
Lorem ipsum dolor sit
typo-base-bold
Lorem ipsum dolor sit
typo-base-caps
Lorem ipsum dolor sit
typo-sm
Lorem ipsum dolor sit
typo-sm-medium
Lorem ipsum dolor sit
typo-sm-bold
Lorem ipsum dolor sit
typo-xs

Buttons

Selectors

This is an error message
This is an error message
This is an error message

Form Fields

This is an error message
This is an error message
This is an error message