Styles

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.