Inside the Symmetry AI website design
Symmetry AI is an AI website built with custom code and Next.js. Its pages are built from navbar, hero, other, features, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Google Sans (display text and headings) and Geist (body text). Colours: background #FFFFFF, text #2E2926, accent #40AA4A, surface #F5F3F2.
Every teammate gets a Sym, a personal AI work agent that finds the tasks hiding across your tools and gets them done the way you would. Get early access. Its visual style is minimal, soft, and geometric, with navigation bar, hero, and primary button among its components.
Why we picked it
Rounded blue, green and yellow shapes sit behind a real task card pulled straight from Outlook, so an abstract AI idea gets grounded in something recognisable. The long page breaks into small two-by-two screenshot grids and isometric app icons, with a dark 'Private and secure' band near the end giving the scroll a clear pause before the final signup.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- CTA: a short restatement of the main benefit
Sections from Symmetry AI
Questions designers ask
What fonts does Symmetry AI use?
Symmetry AI uses Google Sans for display text and headings, and Geist for body text, measured from the captured page's CSS.
What is the Symmetry AI website built with?
The Symmetry AI website is built with custom code and Next.js, detected when the page was captured.
What colours does the Symmetry AI website use?
Measured from the captured page's CSS, the Symmetry AI website uses #FFFFFF for the background, #2E2926 for text, #40AA4A as an accent, and #F5F3F2 for surfaces.
What sections does the Symmetry AI website have?
The Symmetry AI website includes navbar, hero, other, features, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Symmetry AISymmetry AI
