Styleguide - Tattooneeds
Texts and Backgrounds
Text dark, background light
Text Light,background dark
Text dark hint, background hint
Text sale, background dark hint
Fonts
Headline XL
Headline L
Headline M
Headline S
Headline XS
copy L
copy M
copy S
copy XS
CTA - L
CTA - M
CTA - M underline
CTA - S
CTA - S underline
CTA - XS
CTA - XS underline
Price - l - 112,99 €
Price - M - 112,99 €
Price - S - 112,99 €
Price - XS - 112,99 €
Price - XS - Stiketrough - 112,99 €
Buttons
Textlinks:
Icons
Customer Logo
![](https://tattoo-needs.ch/static/version1716363239/frontend/TattooNeeds/default/de_CH/TattooNeeds_Icons/png/customer-logo/tattoo-needs.png)
Social
Language flags
Payment Methods
Delivery methods
Slider arrow
Counter
Form, Dropdowns, Radios, Checkboxes
System Messages
For the messages see a real message for example on product page
This text is only on mobile red