Preview image. Unlock full-res
Midnight Command Center – A focused, dark interface illuminated by a singular, bright green operational light.
Ordinal uses a deep-space productivity aesthetic: dark canvas, minimalist UI elements, and a single vibrant green highlight that punctuates critical information and calls to action. The design maintains order through a comfortable density, clear typographic hierarchy, and subtle surface variations rather than heavy shadows or complex gradients. The overall atmosphere feels calm and focused, with interaction points clearly highlighted by the brand's signature accent green. Components are light, using ghost states and crisp borders against the dark background.
Use Deep Night (#151316) for all primary page and large section backgrounds to maintain the dark theme.
Highlight interactive elements and calls to action exclusively with Jade Glow (#8ef5b5) for maximum visual impact and brand recognition.
Employ Moonbeam White (#ffffff) for all primary body text and main headings to ensure readability against dark backgrounds.
Apply Inter font in weights 400 or 500 for general text and headlines, varying size and letter-spacing according to the type scale.
Utilize the buttons radius of 1440px for all action buttons to create a consistent, soft, pill-like appearance.
Maintain comfortable density with an elementGap of 8px and sectionGap of 27px for most content blocks.
Use Inconsolata-Eyebrow for all badge text and subtle functional labels to distinguish them from primary content.
Avoid using multiple chromatic colors; Jade Glow (#8ef5b5) is the singular accent color.
Do not introduce complex shadow systems; the design relies on subtle background shifts and borders for layering.
Never use generic square buttons; all interactive buttons should leverage the pill-shaped 1440px border radius.
Do not deviate from the Inter and Inconsolata-Eyebrow font families; maintain typographic consistency.
Avoid extreme tight or loose letter-spacing; adhere to the defined letter-spacing values in the type scale for proportional text.
Do not use dark gray or black text on Deep Night backgrounds as this does not meet AAA contrast requirements.
Avoid using card backgrounds for transparent-by-default cards such as feature cards.
