Brand system

Dimension Science design

The logo, colors and type that form the Dimension Science visual language.

DS / MARK 01

Primary mark

The dark theme uses the violet portal, while the light theme keeps the orange-red version. Dimension Science is set as live text so it stays readable at every size.

Dark-theme mark

The violet portal is used only on the dark canvas.

Download PNG

Light-theme mark

The orange-red portal is used on the light canvas.

Download PNG

Usage rules

The mark must remain recognizable in every medium; keep clear space of at least one quarter of its width around it.

Do not recolor it or mix the theme variants.
Do not stretch, compress, or change its proportions.
Use it at no less than 28 px wide in an interface.
Set Dimension Science as live text instead of inserting a raster wordmark.

DS / COLOR

Color system

A theme changes interface colors and the mark variant, never element sizing, spacing, or position.

Light theme

A warm canvas with the orange interface accent from the primary portal mark.

Canvas#F6EEE5

Raised#FDEEDF

Surface#EADFD5

Line#CFC0B4

Text#1B1517

Muted#685C58

Accent#D94B11

Accent fill#D94B11

Dark theme

The primary site theme: a black canvas, violet portal, and light text.

Canvas#0B0B0C

Raised#111112

Surface#171219

Line#32283A

Text#FDEEDF

Muted#B9AEA6

Accent#D259F1

Accent fill#6E08AD

DS / TYPE

Typography

Two pairs use three families and only the weights 400, 600 and 700. The pair follows the text role, never the theme.

Editorial pair

Manrope creates the heading hierarchy; Inter explains it directly below and carries the body copy.

Manrope 700 + Inter 400/600

Interface and technical pair

Inter names actions and controls; IBM Plex Mono carries statuses, dates, EXP codes and technical values.

Inter 400/600 + IBM Plex Mono 400/600