Exaflair design context
Exploration · homepage · round 1

Three homepages, one per inspiration direction.

Each is a complete, interactive homepage for exaflair.com built on the brand tokens: the real services (product outsourcing, staff augmentation, business automations), the real numbers, the real testimonial, and the tagline "Powered by intelligence, driven by flair". Same content, three temperatures. None is final; the pick narrows round 2.

Reviewed. Round 2 builds one refined direction from these three. Decision and brief in inspiration/round-1.md.
Updated after the read. All three now carry two adko.in moves: Montserrat 800 display over a 17px body, and one Tangerine takeover band, the only orange field on each page. Homepage 3 lost its orange hero and CTA fields and the cursor-following monogram.

Shared across all three

  • Montserrat only, weights 300 to 700 plus 800 and 900 for display; every color is a token from brand/tokens.css.
  • One Tangerine takeover band per page (Montserrat 900 uppercase, Almost Black text), the single orange field; static without JavaScript and under prefers-reduced-motion.
  • Copy from the current exaflair.com: services, comparison, numbers, testimonial, contact.
  • Nav, hero, Bootstrap or Scale, services, how we work / proof, CTA, footer.
  • Responsive at 390 and 1440; hover states; theme toggle; prefers-reduced-motion respected.
  • No external JS; only Google Fonts and /brand/ are requested.

What was judged

  • Temperature: paper (1), dark (2), or orange (3)?
  • How much orange per screen: accent (1, 2) or field (3)?
  • Motion: restrained (1), reveal + glow (2), or scroll and cursor driven (3)?
  • Does the type hold at wordmark scale (3) or is the editorial scale (1) more Exaflair?