Kage Design logo kage
chime.com
chime.com hero component

Design analysis

A dark brand section uses a large community photograph above a centered mission statement, creating an emotional brand close before the dense footer.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146543-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146449552-full.webp
- Component on Kage: https://kage.design/component/chime-hero-2

## Before you start
Ask what mission the user's product has, what community it serves, and what original photography or artwork is available. Then create a distinctive mission section.

Build a full-width dark-green brand statement section. Place a wide, centered community image or original visual in the upper portion, blending it into the background with careful cropping and optional gradient treatment. Below it, add a small uppercase eyebrow in a vivid mint accent and a centered 36–48px bold mission statement in white, constrained to about 720px. Use a deep background around #003B2B, generous vertical padding, and a calm, editorial rhythm. Keep the image accessible with meaningful alt text and ensure the statement remains readable at all breakpoints. Avoid unnecessary controls; this is an emotional brand section rather than a conversion form.

Never: copy the reference's people, photography, logo, mission statement, product name, imagery, or exact wording.

More components