Do you work inside our existing Next.js setup?

Yes. The scoping sprint starts with what is there. We extend Next.js where that is honest and propose a move only when the platform is the constraint.

Can you fix AI crawler access on Next.js?

Export a robots() function from app/robots.ts with explicit allow rules per AI user agent.

Do you do logos only?

Rarely. A mark without a system drifts within months. The brand sprint produces the mark and the rules together.

Can you work inside our existing design system?

Yes. The audit step tells you what to keep. We extend rather than replace where that is honest.

Do you work inside our existing Next.js setup?

Yes. The scoping sprint starts with what is there. We extend Next.js where that is honest and propose a move only when the platform is the constraint.

Can you fix AI crawler access on Next.js?

Export a robots() function from app/robots.ts with explicit allow rules per AI user agent.

Do you do logos only?

Rarely. A mark without a system drifts within months. The brand sprint produces the mark and the rules together.

Can you work inside our existing design system?

Yes. The audit step tells you what to keep. We extend rather than replace where that is honest.

Design · Next.js

Design for Next.js

SaaS products, marketing sites owned by engineering teams, and everything we build ourselves. Get a brand and a product that look like the same company, and keep looking that way after handover. On Next.js specifically, this is what changes.

Start a brand sprint About design

design.devmarde.com/tokensDesign system · Tokens

DevMarDe

Familjen Grotesk · 400–700

--radius-sm9px

--radius-md12px

--ease-standard0.2, 0, 0.2, 1

Components

Start a projectRequest accessCancel

DevelopmentMarketingDesign

Work email

Card

Hairline, 12px, 2px pillar rule.

3
directions on real screens: 2
themes shipped by default: 1
design system, this site

What Next.js gets right, and what it does not

Tailwind v4 reads design tokens directly from CSS variables, so one tokens file serves the site and the products.

AI visibility on Next.js

llms.txt. Place llms.txt in /public. It deploys with the site and is served as text/plain.
Schema. Render an @graph in app/layout.tsx for Organization and WebSite, and page-level blocks in each page component.
Crawlers. Export a robots() function from app/robots.ts with explicit allow rules per AI user agent.

What we would ship first

Brand systemsMarks, type, colour and the rules that stop the brand drifting in six months.
Product interfacesSaaS and mobile screens designed with the empty states, errors and long names included.
Design systemsTokens, components and documentation your engineers actually use. Light and dark from day one.
Marketing sitesSites that read well, load fast and can be extended by whoever runs them next.

How the engagement runs

Audit. What exists, what is inconsistent, what users trip over. Screenshots, not opinions.
Directions. Three directions on real screens, not moodboards. You pick one.
System. Tokens, components and templates, built in Figma and exported to code.
Ship. We build it or pair with your engineers until it is live and consistent.

100

Lighthouse performance on this site. Same for SEO, accessibility and best practices

products of our own in production

practices, each with a named lead

1 day

reply time on every enquiry

4.9

from 9 reviews

Questions people ask

Do you work inside our existing Next.js setup?: Yes. The scoping sprint starts with what is there. We extend Next.js where that is honest and propose a move only when the platform is the constraint.
Can you fix AI crawler access on Next.js?: Export a robots() function from app/robots.ts with explicit allow rules per AI user agent.
Do you do logos only?: Rarely. A mark without a system drifts within months. The brand sprint produces the mark and the rules together.
Can you work inside our existing design system?: Yes. The audit step tells you what to keep. We extend rather than replace where that is honest.