I lead cross-functional teams to connect the dots between UI, UX, product and research. My approach is centred on empowering teams to craft groundbreaking digital products while establishing cohesive visual rhythms and robust brand systems.

News

Long title here that

This is a dark grey sub-header

Long title here that

This is a dark grey sub-header

Long title here that

This is a dark grey sub-header

Long title here that

This is a dark grey sub-header

Long title here that

This is a dark grey sub-header

Long title here that

This is a dark grey sub-header

HEADER

H5 HEADER

H2 HEADER

V0.22

Heart of nature; head in digital

H5 HEADER

H2 HEADER

BLOCKQUOTE

'A design system is a set of interconnected patterns and shared practices coherently organized to serve the purpose of a digital product.'

COLOURS

/01

/02

/03

/04

/05

/06

00

/02

DESIGN 
SYSTEMS

REFLEXIVE

Reflexive design systems are a dynamic approach to design system development that emphasises adaptability and responsiveness to user behaviour and context. Unlike traditional static design systems, reflexive design systems incorporate feedback loops and data-driven insights to continuously evolve and optimise user experiences. By leveraging real-time user feedback, analytics, and machine learning algorithms, reflexive design systems can automatically adjust interface elements, content, and interactions to better align with user preferences, needs, and goals. This iterative process of self-reflection and adaptation enables reflexive design systems to deliver more personalised, engaging, and effective user experiences across various platforms and devices.

GENERATIVE

Generative design systems leverage artificial intelligence to automate and enhance the design process, transforming how digital experiences are created. By harnessing machine learning algorithms and neural networks, these systems analyse data, identify patterns, and generate design solutions autonomously. Going beyond traditional tools, they produce multiple design variations based on predefined parameters, enabling rapid exploration of possibilities. Additionally, generative design systems adapt and learn from user interactions, continuously refining their output. Empowering designers with AI-driven tools, they accelerate the design process, foster creativity, and spur innovation in digital product development.

FONTS

H1

Heading

H2

Heading

H2

3

H3

Heading

H4

Heading

H5

Heading

P

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

LISTS

Ordered list
  1. Item list
  2. Item list
  3. Item list
  4. Item list
unOrdered list
  • Item list
  • Item list
  • Item list
  • Item list

RICH TEXT

Heading

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

  • Item list
  • Item list
  • Item list
  • Item list
Heading

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

  1. Item list
  2. Item list
  3. Item list
  4. Item list

Heading

SPACING

TOKEN

REM

PX

EXAMPLE

Spacing-01

0.125

2

Spacing-02

0.25

4

Spacing-03

0.5

8

Spacing-04

0.75

12

Spacing-05

1

16

Spacing-06

1.5

24

Spacing-07

2

32

Spacing-08

2.5

40

Spacing-09

3

48

Spacing-10

4

64

Spacing-11

5

80

Spacing-12

6

96

Spacing-13

10

160

Elements

Form

Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

ACCORDION

TITLE

To embark on a new project, you need to know everything you can about it. I will delve deep into your market to analyse past projects to figure out what worked and what didn’t. Together, we’ll use this research to move things forward, away from the business as usual.

Hamish Duncan

London

Reflexive design systems are a dynamic approach to design system development that emphasises adaptability and responsiveness to user behaviour and context. Unlike traditional static design systems, reflexive design systems incorporate feedback loops and data-driven insights to continuously evolve and optimise user experiences. By leveraging real-time user feedback, analytics, and machine learning algorithms, reflexive design systems can automatically adjust interface elements, content, and interactions to better align with user preferences, needs, and goals. This iterative process of self-reflection and adaptation enables reflexive design systems to deliver more personalised, engaging, and effective user experiences across various platforms and devices.

Portrait of Hamish Duncan by Owen Tozer on the island of Hokkaido, Japan

Grid system

Elements

Container

Row

Col

Desktop

col-lg-1
col-lg-11
col-lg-2
col-lg-10
col-lg-3
col-lg-9
col-lg-4
col-lg-8
col-lg-5
col-lg-7
col-lg-6
col-lg-6
col-lg-12

Tablet

col-md-1
col-md-11
col-md-2
col-md-10
col-md-3
col-md-9
col-md-4
col-md-8
col-md-5
col-md-7
col-md-6
col-md-6
col-md-12
md-no-margin

Landscape

col-sm-1
col-sm-11
col-sm-2
col-sm-10
col-sm-3
col-sm-9
col-sm-4
col-sm-8
col-sm-5
col-sm-7
col-sm-6
col-sm-6
col-sm-12
sm-no-margin

Mobile

col-xs-1
col-xs-11
col-xs-2
col-xs-10
col-xs-3
col-xs-9
col-xs-4
col-xs-8
col-xs-5
col-xs-7
col-xs-6
col-xs-6
col-xs-12
xs-no-margin

Margin 1/2 col

col
col
col
col

Align start

align-start

Align center

align-center

Align end

align-end

Align stretch

align-stretch

Justify start

Justify start

Justify center

Justify center

Justify end

Justify end

Justify between

Justify between
Justify between

Justify around

Justify around
Justify around

Spacing

padding-large

padding-medium

padding-small

Overflow

overflow-auto

overflow-hidden

overflow-scroll

Display

md-hide

sm-hide

xs-hide