Inside the Grida website design
Grida is a creative website built with custom code and Next.js. Its pages are built from navbar, hero, dashboard, logo cloud, features, process, gallery, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Inter (display text, headings, and body text). Colours: background #FAFAFA, text #181818, main buttons #202020, surface #EFEFEF.
An open-source design canvas. Create images, slides, and designs with AI in Grida Desktop for macOS, Windows, and Linux. Its visual style is minimal, bold, and corporate, with navigation bar, hero, and primary button among its components.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Dashboard: real interface rather than abstract illustration
- Logo Cloud: a short label that says what the logos are: customers, partners, or integrations
Questions designers ask
What fonts does Grida use?
Grida uses Inter for display text, headings, and body text, measured from the captured page's CSS.
What is the Grida website built with?
The Grida website is built with custom code and Next.js, detected when the page was captured.
What colours does the Grida website use?
Measured from the captured page's CSS, the Grida website uses #FAFAFA for the background, #181818 for text, #202020 for main buttons, and #EFEFEF for surfaces.
What sections does the Grida website have?
The Grida website includes navbar, hero, dashboard, logo cloud, features, process, gallery, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
