Skip to content
DevMarDe
Design

Interfaces and identity, one voice.

Brand systems, product UI and the design system that keeps both consistent after we hand it over. Screens are designed against real data and real edge cases, not a happy path.

3
directions on real screens
2
themes shipped by default
1
design system, this site
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.
Capabilities

What the work includes

Specifics, not adjectives. Each item is something we have shipped and can show.

Brand systems
Marks, type, colour and the rules that stop the brand drifting in six months.
Product interfaces
SaaS and mobile screens designed with the empty states, errors and long names included.
Design systems
Tokens, components and documentation your engineers actually use. Light and dark from day one.
Marketing sites
Sites that read well, load fast and can be extended by whoever runs them next.
Motion
One curve, three durations. Movement that explains, never decorates.
Handover
Figma files, exported tokens and a written guide. We would rather you not need us for the next button.
How an engagement runs

Four steps, weekly demos.

Brand sprint
3 weeks, fixed price
Design system
4 to 6 weeks
Ongoing
Optional monthly retainer
  1. 1AuditWhat exists, what is inconsistent, what users trip over. Screenshots, not opinions.
  2. 2DirectionsThree directions on real screens, not moodboards. You pick one.
  3. 3SystemTokens, components and templates, built in Figma and exported to code.
  4. 4ShipWe build it or pair with your engineers until it is live and consistent.
Deliverables
  • Brand guide with logo, type, colour and usage rules
  • Figma library with tokens and components
  • Exported tokens (CSS, Tailwind, JSON)
  • Templates for the ten most common screens
  • Written handover guide
Stack
FigmaDesign tokensTailwindReactFramer MotionStorybook
Our apps from this pillar
Tools we use for design
Design by sector, platform and city

Questions people ask

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 build what you design?
Usually. Development is one of our three pillars, so the same team ships it.
Other services

Need a brand and a product that look like the same company?

Most engagements start with a two-week scoping sprint at a fixed price.