Technology with a human touch.
XoftOasis Technologies is a digital technology and design brand focused on building useful software, digital experiences, automation and creative technology solutions.
Innovative
Explore better ways to solve real problems through technology.
Intelligent
Make complex technology practical, clear and purposeful.
Approachable
Build trust through clarity, usefulness and thoughtful design.
The Oasis Gradient
The gradient is not a decorative extra. It is the primary visual signature of XoftOasis and should be the most recognisable colour expression across the brand.
#02F7F8 · 0%#00B8F2 · 38%#0879E8 · 70%#0146DD · 100%Approved gradient family
Master identity, logo applications, hero moments and campaign visuals.
Primary calls to action, active states and interactive highlights.
Premium dark sections, presentation covers and footer treatments.
Quiet backgrounds, subtle panels and spacious content sections.
Core colours and supporting neutrals.
The solid colours support the Oasis Gradient. They should not compete with it. Values below are the proposed standard digital palette based on the supplied banner's visual direction.
Gradient source colours
Supporting palette
Suggested visual balance
White 45% · Blue 25% · Cyan 15% · Navy 10% · Ice Blue 5%. Treat this as a visual guide, not a rigid quota.
Confident headlines. Clear communication.
A restrained type system gives the brand a modern, highly readable voice across websites, products, proposals and marketing materials.
Headings · 600–800
Distinctive, geometric and confident.
Body and UI · 400–700
Readable, practical and neutral.
Use gradient typography selectively for short statements, not long paragraphs. JetBrains Mono may be used for code, technical labels and developer documentation.
Protect the original mark.
The uploaded XoftOasis gear-and-circuit logo is the master artwork. The text treatments below demonstrate colour behaviour only; they are not replacement logo files.
Always do
Never do
XoftOasis logo variations
Approved XoftOasis artwork found in the images folder. Other files named “logo” belong to separate brands and are intentionally excluded.
images/logo.png
images/logo-transparent.png
images/logo-icon.png
images/Xoftoasis.png · images/logo-4.png (identical duplicate)Premium, spacious and purposeful.
The website and product interface should feel like a modern technology company: calm surfaces, strong hierarchy, crisp typography and purposeful motion.
Surfaces
White and Ice Blue backgrounds, fine borders, subtle shadows and 12–18px card radii.
Controls
Blue primary actions, clear secondary buttons, visible focus states and accessible contrast.
Motion
Subtle hover feedback, smooth transitions and motion that helps explain the interface.
One parent brand. Distinct product identities.
Each product can have its own accent colour and personality, while the XoftOasis endorsement, typography discipline and overall quality remain consistent.
BudgetNest
Navy · Blue · WhiteA product by XoftOasis Technologies
School Management
Blue · WhiteA product by XoftOasis Technologies
Hospital Management
Teal · WhiteA product by XoftOasis Technologies
SFMCpulse
Blue · WhiteA product by XoftOasis Technologies
Clear, capable and human.
Speak like a dependable technology partner. Be specific about what the product does, how it helps and why it matters.
✓ Use
- Technology that works for you.
- Building smarter digital experiences.
- Simplifying business through technology.
- Designed for real-world growth.
× Avoid
- Unsubstantiated superlatives.
- Buzzword-heavy claims.
- Overpromising results.
- Cluttered, shouty messaging.
Master CSS design tokens.
Copy these variables into the global stylesheet of XoftOasis websites and applications. Product-specific themes can extend them without changing the parent brand tokens.
:root {
/* XoftOasis signature gradient */
--xo-gradient-primary: linear-gradient(
110deg, #02F7F8 0%, #00B8F2 38%,
#0879E8 70%, #0146DD 100%
);
--xo-gradient-action: linear-gradient(110deg, #02F7F8, #0879E8);
--xo-gradient-deep: linear-gradient(110deg, #0879E8, #0146DD 55%, #102B59);
--xo-gradient-soft: linear-gradient(110deg, #EAF7FF, #FFFFFF, #BDEAFF);
/* Brand colours */
--xo-cyan: #02F7F8;
--xo-ocean: #00B8F2;
--xo-blue: #0879E8;
--xo-royal: #0146DD;
--xo-navy: #102B59;
--xo-deep: #071B3A;
/* Supporting colours */
--xo-ice: #EAF7FF;
--xo-sky: #BDEAFF;
--xo-cloud: #F4F7FB;
--xo-slate: #64748B;
--xo-charcoal: #172033;
--xo-white: #FFFFFF;
--xo-border: #E2EAF2;
/* Typography */
--xo-font-heading: "Poppins", sans-serif;
--xo-font-body: "Inter", sans-serif;
/* Interface */
--xo-radius-sm: 8px;
--xo-radius-md: 12px;
--xo-radius-lg: 18px;
--xo-shadow: 0 8px 30px rgba(16,43,89,.08);
}
.xo-gradient-text {
background: var(--xo-gradient-primary);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.xo-primary-button {
background: var(--xo-gradient-action);
color: #fff;
border: 0;
border-radius: var(--xo-radius-md);
}