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.com)
- •OroMiQ CRM: The intelligence-based CRM: pipeline, calling, sequences, follow-ups and reporting, enriched with optional data layers (app.oromiq.com)
- •Admin Portal: Internal administration of workspaces, subscriptions and the platform
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 someone who lived that problem and got tired of working blind: one place to work the pipeline, make the calls, run the sequences and keep every follow-up in front of the right person.
Knowing who to call and why is half the job, so optional data layers add live public-record intelligence to your companies and contacts. 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 the live public-data 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 someone who has done the work. OroMiQ's founder has worked the pipeline and delivered the work, so 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 Icons: Shifted Corner
Every application shares one mark: a gold square O on navy, with its bottom-right corner stepped out in the application's own colour. The shared mark says OroMiQ; the corner says which application you are in.
Website
Near white corner
#F8FAFC
OroMiQ CRM
Teal corner
#14B8A6
Admin Portal
Slate blue corner
#A7A9DB
- •The icon itself has sharp corners. Rounding only ever comes from the device or operating system’s own mask.
- •The small sizes (16, 32 and 48px) are drawn on whole pixels rather than scaled down, so they stay sharp in browser tabs. Use the supplied files; never resize a larger icon down.
- •Every edge sits on a 4-unit grid in a 64-unit square. Keep to that grid in any edit, or the small sizes blur.
- •Maskable and adaptive versions shrink the mark so circle and squircle masks never cut into it.
- •Each icon is supplied for the web (favicons, home screen and installed web app icons), iOS (a single 1024px App Store icon) and Android (adaptive, round, themed and Play Store icons).
- •Use the mark on its own, on a transparent background, for loading screens and headers.
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 team members 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:
OroMiQ CRM
The teal palette conveys trust and steady professionalism. Its light shade is the corner of the CRM app icon.
Admin Portal
The slate blue palette conveys calm, measured control. Its light shade is the corner of the Admin app icon.
Website
The website uses the core brand directly: navy surfaces, the Oro gold scale for emphasis, and near white text. Near white is the corner of the website icon.
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)
Emails sent from OroMiQ use Arial, Helvetica, sans-serif at 12pt, the size Outlook calls 12. Inter is not installed on most recipients' computers, so a web-safe face is the only way the email arrives looking the way it was written.
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
Product UI uses soft corners, sized to the job: 6px on controls, 10px on cards and surfaces, 14px on dialogs and menus, and fully rounded pills.
The logo and the app icons keep their sharp corners. Softer components make dense CRM screens calmer to work in; the sharp mark keeps the brand precise.
Component Specifications
Buttons
- Text transform: None
- Font weight: 500 (Medium)
- Border radius: 6px
Cards & Surfaces
- Border radius: 10px
- Border: 1px divider, with a soft navy-tinted shadow
- Light bg: #FFFFFF / Dark bg: #1E293B
Form Fields
- Size: Small variant
- Style: Standard (underlined)
- Border radius: 6px
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
- Keep the logo and app icons sharp-cornered; use the soft radii above for product UI
- 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, and app icon, for each application
Don’t
- Alter the logo colours, proportions, or orientation
- Round the corners of the app icon itself (the device’s own mask does that)
- Mix application theme colours (e.g. teal elements in the Admin 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