Inside the Artificial Societies website design
Artificial Societies is built with custom code and Next.js. Its pages are built from navbar, hero, testimonials, logo cloud, other, process, CTA, features, gallery, and footer sections, shown here in full-page captures and a scroll recording. Typography: Martina (display text and headings) and Grotesk (body text). Colours: background #FFFFFF, text #1C1A16, surface #F4F4F0, secondary text #8C8880.
Artificial Societies helps organisations make consequential decisions with greater clarity and confidence. Understand how customers, citizens, investors and other high-value audiences will respond before you act. Its visual style is editorial, minimal, and corporate, with tabs, feature collection, and newsletter form among its components.
Why we picked it
A grand archive photo of a classical building, overlaid with small white dots and connecting lines labelled by job title, turns abstract audience simulation into a believable map of real people. Serif headlines and painterly abstract quote cards slow the pacing between data and testimonials, lending the heavy subject matter a calm, trustworthy mood.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Testimonials: names, roles, and photos or logos for credibility
- Logo Cloud: a short label that says what the logos are: customers, partners, or integrations
Sections from Artificial Societies
Questions designers ask
What fonts does Artificial Societies use?
Artificial Societies uses Martina for display text and headings, and Grotesk for body text, measured from the captured page's CSS.
What is the Artificial Societies website built with?
The Artificial Societies website is built with custom code and Next.js, detected when the page was captured.
What colours does the Artificial Societies website use?
Measured from the captured page's CSS, the Artificial Societies website uses #FFFFFF for the background, #1C1A16 for text, #F4F4F0 for surfaces, and #8C8880 for secondary text.
What sections does the Artificial Societies website have?
The Artificial Societies website includes navbar, hero, testimonials, logo cloud, other, process, CTA, features, gallery, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
