Skip to content
Per-Gustaf
SERVICE (06)

Design DNA Extraction

Extrahera designspråket från världens bästa sajter och få kod-redo design tokens att bygga på.

The exact patterns behind the sites you admire — measured, documented, handed to you as tokens.

DNA BlueprintDesign tokens (CSS/JSON)Component libraryInteraction patterns
Boka ett samtal

What it is

OVERVIEW

Det finns alltid sajter du pekar på och säger "så där". Problemet är att känslan inte går att brief:a. Här mäts de sajterna istället: skala, rytm, radavstånd, kontrast, radier, tidskurvor och hur mönstren återanvänds. Du får det som kod-redo tokens och dokumenterade mönster — inte en moodboard, utan indata som gör att din egen produktion kan bli replikerbar och snabb från dag ett.

How we work

APPROACH
  1. (01)

    Pick the right references

    Vi väljer sajter som löser ditt problem, inte bara sajter som är vackra i ditt flöde.

  2. (02)

    Measure instead of describe

    Typografisk skala, spacing-system, färgrelationer, radier och rörelsekurvor läses av och dokumenteras exakt.

  3. (03)

    Extract the reusable pattern

    Det som återkommer blir mönster och komponenter; det som är engångsbeslut lämnas kvar.

  4. (04)

    Hand over as tokens

    Allt levereras som CSS/JSON-tokens och konfiguration, redo att byggas på utan omtolkning.

What you get

DELIVERABLES
  • DNA Blueprint med uppmätta värden och beslut
  • Design tokens i CSS och JSON
  • Komponent- och layoutmönster
  • Interaktions- och rörelsemönster med tidskurvor

Paket & priser

PRICING

Fast pris — från 4 900 kr exkl. moms

Starter

4 900 kr exkl. moms

engångsbetalning

  • 1 inspirationssajt analyserad
  • DNA Blueprint (PDF)
  • Design tokens (CSS/JSON)
  • Typografi-guide
  • Färgpalett
  • 1 revisionsrunda

Professional

12 900 kr exkl. moms

engångsbetalning

  • 3 inspirationssajter analyserade
  • Allt i Starter
  • Komponentbibliotek
  • Layout & grid analysis
  • Interaction patterns
  • Tailwind/SCSS config
  • 2 revisionsrundor

Enterprise

24 900 kr exkl. moms

engångsbetalning

  • 5+ inspirationssajter
  • Allt i Professional
  • Fullständigt design system
  • Figma component library
  • Copy & tone guide
  • Implementation support
  • Obegränsade revisioner

Boka ett samtal — vi utgår från ditt problem, inte ett paket.

Boka ett samtal

Se alla tjänster →