Technical Task
Objective: Create a background design for text in the style shown in the attached screenshot, for a landing long-read on the Tilda builder. The background should be used for a block with header text, so it looks similar — bright, attractive, with white text on a green background. This should be compatible with Tilda blocks (for example, Cover or Text block with a custom background).
Style Description:
Background: Rectangular block with soft rounded corners (radius about 10-20px).
Background color: #b2d235 (bright green, lime green). This is the main color used in the banner in the image. If a gradient is needed, then from #b2d235 to #a3c02a for a smooth transition, but in the screenshot it looks solid.
Text: White color (#ffffff), bold, centered or left-aligned with line breaks.
Font name: Montserrat Bold (this is a modern sans-serif font that matches the text style in the image; available in Google Fonts and integrates into Tilda). Alternative: Roboto Bold, if Montserrat is not suitable.
Font size: For the header — 32-48px (depending on the width of the block), line-height 1.2-1.4 for readability.
Additional: Ensure that the background is responsive for mobile devices in Tilda. The text should have sufficient contrast (check against WCAG). If necessary, add a light shadow or border to highlight the block.
Result Requirements:
Provide a layout in Figma or PSD with the specified elements.
Export CSS styles for integration into Tilda (custom code, if needed).