Skip to content
DevMarDe
Design · React Native

Design for React Native

Teams shipping one codebase to Android and iOS. Get a brand and a product that look like the same company, and keep looking that way after handover. On React Native specifically, this is what changes.

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 React Native gets right, and what it does not

  • Design tokens map to a theme object; light and dark are one switch.

AI visibility on React Native

  • llms.txt. On the marketing site, not the app. List the app's page and store link under Products.
  • Schema. SoftwareApplication schema with operatingSystem, applicationCategory and an Offer on the app's marketing page.
  • Crawlers. Applies to the marketing site only.

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
5
products of our own in production
3
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 React Native setup?
Yes. The scoping sprint starts with what is there. We extend React Native where that is honest and propose a move only when the platform is the constraint.
Can you fix AI crawler access on React Native?
Applies to the marketing site only.
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.