typewise.app
Design analysis
The hero uses a centered headline with blue emphasis, dual calls to action, supporting reassurance, and a large dark product video preview with a central play button.
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/typewise-nova/b4948f23-79f3-4392-9236-ca27a7b6b602-1789106475-1.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/typewise-nova/b4948f23-79f3-4392-9236-ca27a7b6b602-1789106444891-full.webp - Component on Kage: https://kage.design/component/typewise-nova-hero Use the reference as inspiration only; never reproduce its branding, logo, copy, or proprietary content. Build a dark hero section beginning below navigation, with a small uppercase blue eyebrow, a centered three-line headline around 48–54px with one gradient-blue phrase, muted supporting text, two rounded CTA buttons, and a small reassurance line. Add a large centered 78%-width video/demo frame below with a thin gray border, 14px radius, dark navy glow, abstract customer-support workflow artwork, and a centered blue circular play button. Use #08080d background, #101426 highlights, #f4f4f7 text, #8b8b99 secondary text, and #396cff accent. Provide hover/focus states and make the visual responsive.
kage