Please Read
Stick to kebab-case (like card-testimonial-sm) for all component and class names.
CSS selectors must be lowercase kebab-case.
Prefix text styles with "text-" (e.g. text-body-md, text-quote).
Prefix components with their type (e.g. card-, btn-, section-) to keep the system grouped.
Always define typography and line-height globally — no inline overrides.
Remove the padding and margins when creating text styles.
Make every reusable block a component with properties + tooltips filled out to explain usage.
Organise assets into logical folders (brand, ui, components, images) and use semantic filenames.
Give all images alt tags on upload to the asset library or check them as decorative.
File Names: always lowercase, kebab-case, start with illustration- or icon-.
Alt Text: Describe the image clearly. Add context (startup, scaling, international, etc.). Keep < 125 characters.
Consistency: Icons → prefix icon-Illustrations → prefix illustration-Photos → prefix photo- or image-
Don’t cut corners it will f**k things up later and cause headaches.
Consistency > speed. Future-proof everything.
OVERLINE - Use for section labels. Always uppercase.
Lorem ipsum dolor sit amet
METADATA - Use for metadata. Always uppercase.
Lorem ipsum dolor sit amet
QUOTE - Use for testimonial or review highlight text.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
PERSON NAME - Use for reviewer or author names.
First Name Surname
COMPAMY NAME - Use for companies, organisations, or affiliations.
Company Name
FOOTER TITLE -
FOOTER MENU -
5 stars for testimonials
SECTION HEADER - Left aligned
Work with us
SECTION HEADER - Centre aligned - Will align left on tablet and mobile
THIS IS A KICKER
Card - Base - This is the master card that all the variants riff off - do not alter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.