Ormus Solutions · Brand book

Digital systems and tools, cast in liquid gold.

The visual and verbal language for every Ormus application, tool, deck and document. Every value on this page is generated from the brand repository, so what you copy here is what ships.

Download the brand kit Tokens and files

v0.2.0 · build 98c9472 · kit 9.3 MB

Essence

The idea

Ormus points at monatomic gold, the Philosopher's Stone in usable form. The mascot is liquid gold: it takes the shape each context needs, loses nothing in the change, and prefers the swan.

The full logo reads as a golden swan swimming on Saturn toward a fire. Saturn is structure and discipline; the fire is the Fire of the Heart. Read together, the mark is structure carried into passion.

One test sits under every decision: does this empower the person using it, or extract from them? When the honest answer is extract, it does not ship.

Register: A lab log written by a firm that knows what it is doing.
Surface: Midnight lacquer, pinned. There is no light mode.
Accent: Gold, and only gold.
Descriptor: Boutique Software Firm · Worldwide. HQ Panama City.

Marks

The flat gold Ormus mark — Flat goldUI, favicons, avatars and small sizes. 1024, 512 and 128 px.

The sculpted liquid-gold Ormus mark — Liquid goldHeroes and covers, where the sculpting can be seen.

The kintsugi mark, gold leaf strokes — KintsugiThe resolution mark. Endings, sign-offs, closing slides.

Place marks on midnight, deep, or the lacquer texture.
There is no vector master. Scale down from the largest file and never scale up.
The swan appears only in the marks and the hero footage. Never draw it as line art.
Product and repository cards carry a mono name. They need no icon.

Color

Gold is the only accent. Everything else is midnight and ink at different intensities. Select a value to copy it.

Surface

The ground everything sits on. Midnight is pinned; there is no light mode.

Midnight var(--ormus-midnight) Surface background

Deep var(--ormus-deep) Page ground, opaque panels, canvas background

Code var(--ormus-code-bg) Code panels

Gold

The only accent. One gold voice per surface.

Gold var(--ormus-gold) Primary action, active state, the leading label

Gold bright var(--ormus-gold-bright) Hover, active, emphasis on graphs

On gold var(--ormus-on-gold) Text on gold fills

Ink

Text, in three intensities. State and class read through intensity.

Ink var(--ormus-ink) Primary text

Ink muted var(--ormus-ink-muted) Secondary text, micro-labels

Dim var(--ormus-muted) Quietest metadata, 24px and up

Lines and errors

Hairlines separate. Danger is for errors and nothing else.

Hairline var(--ormus-hairline) Borders and dividers

Danger var(--ormus-danger) Errors only, always with a word or icon

Contrast

Measured WCAG 2 ratios for every text color on every surface.

Text	on Midnight	on Deep	on Code
Ink	Aa 13.3 AAA	Aa 14.6 AAA	Aa 15.5 AAA
Ink muted	Aa 7.3 AAA	Aa 8.1 AAA	Aa 8.5 AAA
Dim	Aa 3.6 Large text only	Aa 4.0 Large text only	Aa 4.2 Large text only
Gold	Aa 6.6 AA	Aa 7.3 AAA	Aa 7.7 AAA
Gold bright	Aa 8.1 AAA	Aa 9.0 AAA	Aa 9.5 AAA
Danger	Aa 3.8 Large text only	Aa 4.2 Large text only	Aa 4.5 Large text only
On gold	Aa 7.6 AAA on gold fills

Dim and danger fall below 4.5:1 on the surfaces. Use dim only for text at 24px and up. Pair danger with a word or an icon, and set it bold or large.

Print

Printed and PDF pages neutralize to white paper with gold darkened for contrast and near-black ink.

PaperPrinted and PDF pages

Print goldGold on paper, 5.3:1

Type

Aa Cormorant Garamond Display. Light 300 for h1, 400 below. Never bold.

Aa Inter Body and interface. 400, 500 for buttons.

Aa JetBrains Mono Micro-labels, metadata, code.

h1Cormorant Garamond 300 · 2.25rem / 2.5rem · -0.01em

Digital systems and tools, cast in liquid gold.

h2Cormorant Garamond 400 · 1.875rem / 2.25rem · -0.025em

Few things, done properly.

h3Cormorant Garamond 400 · 1.5rem / 2rem

Executive intent, technology you own.

bodyInter 400 · 1rem / 1.8

We build the software serious businesses run on and make it legible to AI. Each system is designed to be owned by the people who run it.

labelJetBrains Mono 400 · 0.72rem / 1.5 · 0.08em · uppercase

Software firm · Worldwide

Cormorant runs optically small. Set serif headings one step larger than their sans equivalents.
Micro-labels are uppercase mono with a "/ " prefix. The prefix comes from CSS; do not type it.
All three faces are on Google Fonts. Load them yourself; without the display face, headings fall back to Georgia.

Material

Flat deep

Lacquer

The texture is quiet on purpose. Side by side with the flat ground, the grain and specks show.

One texture: midnight lacquer. Paint it on a fixed layer so it never scrolls and the tiling never shows. This page wears it.
A faint gold bloom anchors the top right of the viewport.
Gold dust drifts on a 60 second loop, fast enough to notice, and stops under reduced motion.
Panels over live video are solid deep at about 90%, or lacquer glass at 0.86. Never blur the background.
Flatten any generated texture before tiling: subtract a Gaussian blur of 96 px over a uniform base and blend the seams.

Shape

Shape and components

One corner radius, 3 px, on everything. Separation comes from hairlines and intensity. There are no shadows and no pills.

liquid-gold

Open-source kits

Confidence-gated routing and triage for agent pipelines.

ormus-brand

Brand source

Style guide, tokens and the canonical marks.

Send a message Book a call See the work

Cards carry a gold top hairline and lift 2 px on hover. One card, one subject.
One gold button per surface for the primary action. Everything else is a hairline ghost.
Calls to action are quiet and in sentence case: "Start a conversation", "Book a call".

Motion

cubic-bezier(0.16, 1, 0.3, 1)Time runs left to right, progress bottom to top.

Few things, done properly.

Reveal	1.1 s	clip-path cut-in plus a 56 px rise
Card lift	0.2 s	2 px up on hover
Button	0.15 s	color and border
Gold dust	60 s	one slow loop

Every transition uses the one curve.
Hide a reveal's starting state only when scripting is on, so crawlers and no-JS readers always see content.
Everything honors reduced motion.
Scroll-scrubbed video needs a keyframe every 4 frames, scrubs forward only, and never seeks while a seek is in flight.

Sigils

One substance in many forms. Saturn and flame are the only sigils that decorate. The swan belongs to the marks and avatars.

Saturn sigil in liquid gold — SaturnDecorates cards, cycled with flame. Structure and discipline.

Flame sigil in liquid gold — FlameDecorates cards, cycled with Saturn. The Fire of the Heart.

Swan, wings sigil in liquid gold — Swan, wingsAvatars and group icons only.

Swan, glide sigil in liquid gold — Swan, glideAvatars and group icons only.

Ouroboros sigil in liquid gold — OuroborosLore form for cycles and loops.

Caduceus sigil in liquid gold — CaduceusLore form for the messenger.

Compass sigil in liquid gold — CompassLore form for navigation.

Graphs and canvas

Canvas and WebGL cannot read CSS variables. Import tokens.json and draw from its canvas group. The graph below is drawn that way.

Primary class Second Third The rest

canvas.background
canvas.nodePrimary
canvas.nodeSecondary
canvas.nodeTertiary
canvas.nodeQuiet
canvas.label
canvas.nodeBorder
canvas.edgeGold
canvas.edgeGoldSoft
canvas.edgeMuted
canvas.edgeDefault

Nodes read through intensity: gold, ink, muted, dim. Past four classes, encode with size, shape or grouping.
Edges are hairlines. Gold marks the path or relation being shown.
Label in Inter or JetBrains Mono. Keep the serif off small canvas text.
Emphasis is bright gold. An audit or risk matrix may use a restrained red, amber and green, scoped to that view.

Decks and documents

/ 03 · graph layer

Structure carried into passion.

One gold accent per slide. Titles in Cormorant light, body in Inter.

Slide ground is midnight or the lacquer texture.
Section tags and slide numbers are mono micro-labels.
Open on the gold mark or the hero poster. Close on the kintsugi mark.
PDFs and printouts follow the print palette.

Voice

Plain, confident sentences. Lead with the answer.

Write like this

Digital systems and tools, cast in liquid gold.
Few things, done properly.
Executive intent, technology you own.
We build the software serious businesses run on and make it legible to AI.

Leave out

Em dashes, including HTML entities.
Contrast framing of the "X, not Y" kind, and aphorisms.
Sales language and exclamation marks.
Emojis anywhere in product UI.

Kit

Download the brand kit 9.3 MB · marks, sigils, texture, banners, tokens, style guide

File	Path	Size	Use
Gold mark, 1024	`assets/marks/ormus-mark-gold-1024.png`	1.4 MB	UI, avatars, favicons; scale down
Gold mark, 512	`assets/marks/ormus-mark-gold-512.png`	77 KB	Medium sizes
Gold mark, 128	`assets/marks/ormus-mark-gold-128.png`	7 KB	Favicons, small UI
Liquid-gold mark	`assets/marks/ormus-mark-liquid-gold-1024.png`	279 KB	Heroes and covers
Kintsugi mark	`assets/marks/kintsugi-mark.png`	322 KB	Endings and sign-offs
Lacquer texture	`assets/midnight-lacquer.jpg`	51 KB	The one surface texture, tiles cleanly
GitHub banner, glide	`assets/banners/github-swan-glide-1280x640.png`	942 KB	Repository social preview
GitHub banner, rise	`assets/banners/github-swan-rise-1280x640.png`	965 KB	Repository social preview
Link preview card	`assets/banners/og-lapis-1200x630.jpg`	54 KB	Open Graph image
Hero footage	`assets/footage/hero-swan-lapis.mp4`	6.8 MB	1080p, keyframe every 4 frames
Hero poster	`assets/footage/hero-swan-lapis-poster.jpg`	88 KB	Deck openers, video fallback
Swan, 3D	`assets/3d/swan-wings.glb`	9.3 MB	PBR mesh for WebGL and 3D scenes
Saturn, 3D	`assets/3d/saturn.glb`	7.8 MB	PBR mesh
Flame, 3D	`assets/3d/flame.glb`	7.3 MB	PBR mesh
tokens.css	`tokens.css`	3 KB	CSS custom properties
tokens.json	`tokens.json`	2 KB	Canvas, WebGL, Python, slide tools
fusion.css	`fusion.css`	8 KB	Surface, cards, buttons, labels, reveals

Use the tokens

HTML

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="vendor/ormus/tokens.css">
<link rel="stylesheet" href="vendor/ormus/fusion.css">
<body class="surface-firm">

JavaScript, canvas

import tokens from "./vendor/ormus/tokens.json" with { type: "json" };
const { canvas } = tokens;
ctx.fillStyle = canvas.background;
ctx.strokeStyle = canvas.edgeGold;

Python

import json
tokens = json.load(open("vendor/ormus/tokens.json"))
gold = tokens["color"]["gold"]

Copy the files into your project at build time rather than linking this site. The source of truth is the private repository Ormus-Solutions/ormus-brand. Brand changes land there first.