Kage Design logo kage
requesteagle.tokarev.work
Request Eagle feature grid component

Design analysis

A full-width cyan band turns a benefit into a memorable typographic statement, using oversized black display text and an outlined secondary line. Its angled boundaries make the transition feel energetic and distinct from the dark sections.

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/request-eagle/fb8c7e5d-6253-47fd-b840-135fd368731b-1791612075-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/request-eagle/fb8c7e5d-6253-47fd-b840-135fd368731b-1791612032869-full.webp
- Component on Kage: https://kage.design/component/request-eagle-feature-grid

## Before you start
Ask what single measurable or emotional benefit matters most for the user's product and which accent color belongs to its brand. Apply the principles below to that product.

Build a full-width benefit band between dark sections. Use a saturated light accent background near `#7bd2f4`, with one huge, tightly tracked, black italic uppercase statement and a second oversized outlined line beneath it. Let the display text extend beyond the viewport or clip at the edges to create a marquee-like editorial effect, but keep it readable and responsive.

Use an angled top and/or bottom boundary, generous vertical padding around 70–100px, and no cards or decorative illustrations. The primary type should be a heavy condensed italic sans-serif around 70–110px desktop, with the outline stroke around 1–2px and transparent fill. On small screens reduce the size while preserving the crop and hierarchy. Consider a slow, optional marquee animation, but respect reduced-motion preferences.

Never use logos, product names, copy, illustrations, or imagery from the reference.

More components