Dark-theme mark
The violet portal is used only on the dark canvas.
Download PNGBrand system
Dimension Science design
The logo, colors and type that form the Dimension Science visual language.
Mark
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.
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.
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 accent from the primary portal mark.
Canvas#F6EEE5
Raised#FDEEDF
Surface#EADFD5
Line#CFC0B4
Text#1B1517
Muted#685C58
Accent#A8380B
Accent fill#D94B11
Success#1D6B3D
Danger#B3261E
Warning#8A4B00
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
Success#7FD8A0
Danger#FF7A68
Warning#FFB04A
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