BRAND STUDIO / SOFTWARE COLOURS

Colour guidelines

Product system · v1.0
PHOTOGRAM SOFTWARE

Colour with purpose.

A focused palette for a photography platform: neutral surfaces keep client work central, while vivid colour communicates action, intelligence and status.

01 · CORE PALETTE

Five colours.
Clear responsibilities.

Use colour to guide decisions, not decorate every surface. Photography should remain the richest visual element in the product.

Default ratio
80% neutral · 20% colour
Primary action
Black

Black

Primary text, navigation and decisive actions.

#171717

Violet

AI, selected states and intelligent recommendations.

#6730FF

Magenta

Urgent attention, creative energy and critical highlights.

#FF3168

Cyan

Success, connected services and positive progress.

#2EEFDC

Grey

Application background, quiet panels and separation.

#F1F5F9
02 · SOFTWARE ROLES

Apply consistently across every workflow.

Primary action

Save, publish, create and approve.

AI & selected

Recommendations, active tabs and focus.

✦ AI suggestion ready

Attention

Urgent work requiring human action.

Approval overdue

Positive status

Successful delivery and connected services.

✓ Gallery delivered

Quiet surface

Backgrounds that keep photographs dominant.

Secondary panel
03 · ACCESSIBILITY

Contrast before expression.

  • White text on Black, Violet and Magenta.
  • Black text on Cyan and Grey.
  • Never communicate status using colour alone.
  • Pair every status with a label or icon.
04 · DO NOT

Preserve simplicity.

  • Do not use all accents in one component.
  • Do not tint client photographs.
  • Do not use Magenta for routine navigation.
  • Do not invent unapproved gradients.
05 · ENGINEERING TOKENS

Ready to implement.

:root {
  --pg-black: #171717;
  --pg-violet: #6730FF;
  --pg-magenta: #FF3168;
  --pg-cyan: #2EEFDC;
  --pg-grey: #F1F5F9;
}