OntoRef

Icon clarity at different sizes — from favicon to app icon

Font Usage

IBM Plex Mono for the wordmark, IBM Plex Sans for the tagline. System font stack for all UI elements.

Logo Usage

Use the horizontal logo for primary brand identification on websites, headers, and marketing materials. The vertical variant works well for mobile, splash screens, and posters. For print and PDFs, always use the static variants. Maintain a minimum of 15px clear space around all logos. Never distort, rotate, or modify the aspect ratio.

Color Palette

Silver (#C0CCD8) represents the Ref side — structure, organization, and reference data. Amber (#E8A838) represents the Onto side — ontology, graph relationships, and dynamic connections. Use the dark background (#0F1319) for optimal contrast in dark-mode contexts. Monochrome variants are for print and accessibility requirements.

Typography

Use IBM Plex Mono (weight 600) for the wordmark logotype. Use IBM Plex Sans (weight 500) for the tagline "Structure that remembers why". For all UI elements and body text, use the system font stack. Use Monaco / Courier New monospace for filenames, code snippets, and HEX values.

Icon Usage

Use ontoref-icon.svg for digital applications with animation support. Use ontoref-icon-static.svg for favicons, print, and contexts where animation is not appropriate. The icon features the dual-region octagon — silver (Ref/Structure) on the left and amber (Onto/Graph) on the right, separated by the S-curve representing duality and balance.

Dark Mode

Dark backgrounds of #0F1319 or darker provide optimal contrast. Use ontoref-dark-h.svg and ontoref-dark-v.svg for dark UI applications. Silver elements remain bright on dark backgrounds while the Amber accent stands out clearly. Avoid placing the standard logo on dark backgrounds without using the dark-specific variants.