Skip to main content
Arkanex
Arkanex

Development — design review

Design System Review

An internal specimen for design approval. This is not a public page and contains no approved company content.

Not a public page. Every label below is a neutral placeholder — no customer, metric, product claim, certification or partnership is represented here.

Arkanex

Horizontal lockup — light surface

Arkanex

Horizontal lockup — Dark Navy

Arkanex

Mark — light surface

Arkanex

Mark — Dark Navy

Typography

PROVISIONAL — Human Owner approval required

Heading Example

Subheading Example

Body text example. This paragraph exists to show line length, leading and colour at a realistic reading width, in both writing directions.

Secondary text example.

IBM Plex Sans (Latin) · IBM Plex Sans Arabic — SIL Open Font License 1.1, self-hosted.

Brand palette

  • Deep Purple

    Primary 1

    #6A35A8

  • Royal Blue

    Primary 2

    #4C6FC3

  • Bright Azure

    Primary 3

    #3D9BE8

  • Dark Navy

    Secondary 1

    #1F2A44

  • Cool Gray

    Secondary 2

    #8A95A5

  • Soft Silver

    Secondary 3

    #EEF2F7

Contrast

  • White on Deep Purple7.81:1Passes AA
  • White on Royal Blue4.81:1Passes AA
  • White on Bright Azure2.98:1✕ Fails AA — never used for text
  • Dark Navy on Bright Azure4.79:1Passes AA
  • Royal Blue on Soft Silver4.28:1✕ Fails AA — never used for text
  • Cool Gray on White3.03:1✕ Fails AA — never used for text

Gradient usage

Gradient Heading Example

The gradient is used selectively — a headline accent or a single rule, never as a whole-section background.

Buttons

Primary ActionText link example

Press Tab to move focus through these controls.

Cards

  • Card Example

    Supporting text example inside a card component.

  • Card Example

    Supporting text example inside a card component.

  • Card Example

    Supporting text example inside a card component.

Surfaces

Dark Surface Example

Body text example. This paragraph exists to show line length, leading and colour at a realistic reading width, in both writing directions.

Primary ActionText link example

Mixed-direction text

Latin brand and technical terms inside Arabic sentences must keep their own direction.

Running text containing a brand name, an email address and a URL. Each Latin run below is isolated so the bidirectional algorithm cannot reorder the punctuation around it:

  • Arkanex
  • info@example.com
  • example.com/path
  • +966 11 000 0000

The Arabic spelling of the brand name is NOT established here. The Latin wordmark is used pending Human Owner approval.

Gate 2A · internal specimen · no approved content