A broad technology homepage uses a large promotional hero, a compact category row, and repeated product cards with blue actions. Wide AI feature panels and secondary card grids divide consumer and business stories without changing the underlying navigation and spacing system.
1. Large product-offer hero. 2. Compact product-category navigation. 3. Consumer product and service cards. 4. Wide AI feature panel. 5. Business-oriented product grid. 6. Supporting editorial promotions. 7. Multi-column information footer.
A consistent card grammar lets very different products coexist on one page. Large photographic panels reset the visual hierarchy between grids, and the blue action style remains easy to recognize across the promotional content.
Refero [style page](https://styles.refero.design/style/c70a9990-bc4b-4a64-a69b-aeb7b344fb74) and [recorded video](https://images.refero.design/styles/refero.design/video/cda54060-e54c-417d-b91b-be6f6ca08cb7.mp4); [live site](https://www.microsoft.com/) checked on 2026-10-04. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The recording shows a Surface promotion; the current homepage begins with an AI question interface and product suggestions. The live help invitation was dismissed using its visible No thanks control.