Inside the Cofactr website design
Cofactr is a hardware website built with custom code and Next.js. Its pages are built from hero, features, feature grid, editorial, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Font Antique Legacy (display text and headings) and Font Inter (body text). Colours: background #183028, main buttons #38D059, accent #0041DB, surface #FFFFFF.
Upload your BOM. Cofactr's AI sources parts, negotiates pricing, and our warehouses store, kit, and ship them—no upfront costs, full procurement execution. Its visual style is corporate, minimal, and photographic, with navigation bar, hero with background imagery, and logo strip among its components.
Why we picked it
A full-bleed drone photo signals hard hardware rather than generic software, while a dark green band with rounded icon cards breaks the page into clear topics. Large case study photos of rockets and robotic arms, paired with blunt metrics like percentage drops, give manufacturers quick proof the system works.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Feature Grid: mixed card sizes that show priority
- Editorial: expressive typography with comfortable reading measure
Questions designers ask
What fonts does Cofactr use?
Cofactr uses Font Antique Legacy for display text and headings, and Font Inter for body text, measured from the captured page's CSS.
What is the Cofactr website built with?
The Cofactr website is built with custom code and Next.js, detected when the page was captured.
What colours does the Cofactr website use?
Measured from the captured page's CSS, the Cofactr website uses #183028 for the background, #38D059 for main buttons, #0041DB as an accent, and #FFFFFF for surfaces.
What sections does the Cofactr website have?
The Cofactr website includes hero, features, feature grid, editorial, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
