🐛 Bug - Llama branding styling and text layout issues on Enterprise and Partnership pages

[tiagov8]

Requested by: @tiagov8 via YakShaver.ai 🦬
cc: @tiagov8, @Marxoz, @wicksipedia @designbyalex

Hi Team!

  🟥  Watch the video (1 min 47 sec)

  Url from screen share: https://tina.io/enterprise

Pain

On the ⭐ Tina.io website, the llama graphic displayed in the content boxes on the Enterprise and Partnership pages does not match the expected branding style. The current llama asset appears with a bordered/rounded background effect that looks inconsistent and unprofessional compared to the solid faded llama used in the footer branding.

Additionally, there are typography and layout issues in the same sections:

• The Enterprise page sentence appears to be missing a full stop.
• The Partnership page text wraps into three lines when it should fit into two lines, likely due to restrictive CSS width or layout settings.

Acceptance Criteria

1. The llama graphic on the Enterprise page uses the approved branding style without bordered or rounded background effects.
2. The llama graphic on the Partnership page uses the approved branding style without bordered or rounded background effects.
3. The llama graphic styling matches the visual treatment used in the footer branding, allowing only approved faded/transparency effects.
4. The Enterprise page sentence includes the correct punctuation, including the missing full stop.
5. The Partnership page text wraps into two lines instead of three on standard desktop viewport sizes.
6. CSS/layout adjustments do not negatively impact responsiveness or layout on mobile and tablet viewports.

Reproduce Steps

1. Open the ⭐ Tina.io website.
2. Navigate to the Enterprise page.
3. Locate the content box containing the llama graphic and descriptive text.
4. Observe that the llama graphic has a bordered/rounded background effect inconsistent with the footer branding.
5. Observe that the sentence in the Enterprise section is missing a full stop.
6. Navigate to the Partnership page.
7. Locate the content box containing the llama graphic and descriptive text.
8. Observe that the llama graphic has the same bordered/rounded background effect.
9. Observe that the text wraps into three lines instead of fitting into two lines.

Screenshot

Figure: Llama logo border styling issue

[designbyalex]

Good suggestions @tiagov8

I agree the outline style llama is not consistent with our brand. It would be great to add a 3D llama graphic to this component.

✅ Figure: Good example - Bottom CTA from https://tina.io/pricing