1.Introduction
The OroMiQ platform comprises three distinct applications, each with its own visual identity built on a shared foundation:
- •Website: Public marketing and information site
- •OroMiQ CRM (Consultant Portal): The relationship-led CRM: pipeline, calling, sequences, follow-ups and reporting
- •Assessment Portal: Capturing and managing structured quality assessments
Brand Story
Teams that win on relationships run on conversations: the next call, the next follow-up, the next deal. But most of them are running it on scattered spreadsheets, sticky notes and memory. Things slip. Good leads go cold. Nobody can see the whole picture.
OroMiQ was built by operators who lived that problem and got tired of working blind. We built one place to work the pipeline, make the calls, run the sequences and keep every follow-up in front of the right person.
We started in the care sector, where knowing who to call and why is half the job, so the care edition goes further, with live regulatory intelligence built in. But the core is for any team that runs on relationships.
We're not here to add admin. We're here to keep your team moving.
Mission Statement
To give every team that runs on relationships one place to win and keep clients, and, in regulated sectors, the live intelligence to know who to call and why.
Values
Momentum over admin. The work that wins clients is the next conversation, not the data entry around it. We strip out busywork so your team spends its time moving deals forward.
Clarity, not noise. Teams drown in tools they can't see across. We turn scattered activity into clear signals: what's working, who's busy, where the next pound of revenue is coming from.
Built by operators. We've worked the pipeline and lived the inspection. We build for how the work actually happens, not how a generic SaaS team imagines it.
Built for what’s next. Sectors change, regulations change, workflows change. We build for adaptability, so the platform shifts when your world does.
Earn trust by proving value. No lock-in, no hiding behind sales processes. We let the product speak. If it's not working for you, you'll know — and so will we.
2.Logo
Primary Logo
The OroMiQ logo is the primary identifier of our brand. It should be used consistently across all communications.
Primary logo, colour on light backgrounds
White logo, for dark backgrounds
Clear Space & Minimum Size
There must be a minimum clear space of 10px around the logo at all times. This ensures the logo remains prominent and uncluttered regardless of context.
App-Specific Favicons
Each application has its own distinct favicon / app icon for easy identification:
Consultant
Teal accent
Assessment
Slate blue accent
3.Colour Palette
Core Brand Colours
These foundational colours define the OroMiQ brand identity and are used across all applications and touchpoints.
Gold Scale (Oro Palette)
The “Oro” gold scale is used primarily on the website and marketing materials. It provides depth and warmth to the brand.
Semantic / Status Colours
Semantic colours communicate meaning and status. These must be used consistently across all applications.
Light Mode Palette
Dark Mode Palette
4.Application Themes
Each OroMiQ application extends the core brand palette with a distinct primary colour. This helps users quickly identify which application they are using while maintaining overall brand cohesion.
Shared Secondary Colour
All applications share the OroMiQ Gold as their secondary colour:
Consultant Portal
The teal palette conveys trust, professionalism, and healthcare expertise.
Assessment Portal
The slate blue palette conveys analytical rigour and measured evaluation.
5.Typography
Primary Typeface
Inter
Inter is the primary typeface used across all OroMiQ applications and communications. It is a clean, modern sans-serif designed for screen readability.
Font stack: Inter, Roboto, Helvetica, Arial, sans-serif
Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semi-Bold), 700 (Bold), 800 (Extra-Bold)
Type Scale
| Element | Size | Weight | Line Height |
|---|---|---|---|
| H1 | 2.5rem (40px) | 600 (Semi-Bold) | 1.2 |
| H2 | 2rem (32px) | 600 (Semi-Bold) | 1.3 |
| H3 | 1.75rem (28px) | 600 (Semi-Bold) | 1.3 |
| H4 | 1.5rem (24px) | 500 (Medium) | 1.4 |
| H5 | 1.25rem (20px) | 500 (Medium) | 1.4 |
| H6 | 1rem (16px) | 500 (Medium) | 1.5 |
| Body 1 | 1rem (16px) | 400 (Regular) | 1.5 |
| Body 2 | 0.875rem (14px) | 400 (Regular) | 1.5 |
6.UI Components & Design Principles
Border Radius
All components use a border radius of 0 (sharp corners).
This is a deliberate design decision that applies globally across all applications. Sharp corners convey precision, professionalism, and a modern aesthetic aligned with quality assurance.
Component Specifications
Buttons
- Text transform: None
- Font weight: 500 (Medium)
- Border radius: 0px
Cards & Surfaces
- Border radius: 0px
- Shadow: Subtle box shadow
- Light bg: #FFFFFF / Dark bg: #1E293B
Form Fields
- Size: Small variant
- Style: Outlined
- Border radius: 0px
All applications fully support both light and dark modes. Colours and surfaces adapt automatically using the defined light and dark mode palettes.
7.Incorrect Logo Usage
To maintain brand consistency, the OroMiQ logo should never be modified, distorted, or presented in ways that compromise its integrity.
Do not stretch or distort
The logo must maintain its original proportions. Never stretch horizontally or vertically.
Do not compress or squash
Never reduce the height or compress the logo to fit a space. Resize proportionally only.
Do not rotate
The logo should always appear horizontally level. Never angle or tilt it.
Do not recolour
Only use approved brand colours. Never apply unapproved colours to any part of the logo.
Do not reduce contrast
The logo must remain clearly visible. Never place it on backgrounds that reduce legibility.
Do not place on busy backgrounds
Avoid placing the logo over images, patterns, or complex backgrounds that compete for attention.
Do not add effects
Never apply drop shadows, glows, bevels, 3D effects, or other visual embellishments to the logo.
Do not outline or hollow
The logo should always appear as solid filled text. Never convert it to an outline or stroke version.
Do not skew or italicise
Never apply perspective, skew, or faux-italic transformations. Use the logo exactly as supplied.
Correct usage
The logo should always be used in its original form, unmodified, properly proportioned, and on a clean background with sufficient contrast. Use only the approved white-on-dark or dark-on-white versions.
8.Usage Guidelines
Do
- Use the specified brand colours consistently across all materials
- Maintain the sharp-corner aesthetic across all UI components
- Use Inter as the primary typeface in all digital contexts
- Ensure sufficient contrast ratios for accessibility (WCAG 2.1 AA)
- Use the correct logo variant for the background (colour logo on light, white logo on dark)
- Apply the correct app-specific primary colour for each portal
Don’t
- Alter the logo colours, proportions, or orientation
- Use rounded corners on UI components
- Mix application theme colours (e.g. teal elements in the Assessment portal)
- Use brand colours at low opacity as a substitute for the defined palette
- Place the colour logo on dark backgrounds or the white logo on light backgrounds
9.Accessibility
All colour combinations must meet WCAG 2.1 Level AA contrast requirements:
- 4.5:1Normal text
- 3:1Large text (18px+ or 14px+ bold)
- 3:1UI components and graphical objects