Â
Components
1. Gallery view
Use multiple view names to achieve different styles for a gallery view.
** !NOTE: change the view names may break the styles **
Â
Â
1. Default small gallery
Gallery view
ASCEND
A Streamlined Path to AI Transformation
Get tailored AI solutions with industry-specific strategies, architectures, and roadmaps. Leverage packaged accelerators for sectors like healthcare, finance, and retail, and deploy rapidly from pilot to production without a steep learning curve.
Fabric Hypergrid
Own Your Intelligence Your Private, AI-Powered Operating (Eco)System
Reduce AI costs by up to 90% with a private, distributed hypergrid featuring secure, blockchain-inspired architecture, full data ownership, and enterprise compliance. Benefit from an end-to-end ecosystem, including chat workflows, model orchestration, and HPC.
M-RAG
Enterprise AI for fast, secure, and reliable information management.
M-RAG empowers data-driven decisions with advanced retrieval, multi-layer security (Guardrail Gates), and a modular design that lets enterprises optimize LLMs, vector databases, and embedding models for their unique needs.
Responsible and Reliable AI Agents
AI automation for task orchestration and scalability.
Our AI Agent enables efficient, ethical AI adoption without business disruption. Designed for scalability, it combines automation with rigorous oversight to ensure secure, stable, and high-performance operations as your organization grows.
Â
Â
2. Default medium gallery
Gallery view
Simplifying AI Complexity
We remove the guesswork from AI adoption. Through expertly curated guided frameworks, top AI engineering solutions and hands-on consultation, MAGIC Research helps you focus on results—not the technical hurdles.
Cost-Optimized Infrastructure
Our scalable AI engineering platform ensures you pay only for what you need. Through resource pooling, intelligent AI model orchestration, and bulk-negotiated compute, we keep your projects cost-effective.
Robust Security & Compliance
We deploy enterprise-grade encryption, real-time monitoring, and rigorous compliance measures (GDPR, HIPAA, etc.)—empowering you to innovate with confidence..
Flexible & Scalable Architecture
Whether you’re a startup or global enterprise, our modular solutions adapt to your needs and integrate seamlessly with existing systems—so you can pivot as your business evolves.
Transparent, Trustworthy AI
We build explainability and ethical governance into every project, ensuring stakeholders understand how models make decisions, fostering trust and driving broader adoption.
Â
Â
3. Default large gallery
Gallery view
Simplifying AI Complexity
We remove the guesswork from AI adoption. Through expertly curated guided frameworks, top AI engineering solutions and hands-on consultation, MAGIC Research helps you focus on results—not the technical hurdles.
Cost-Optimized Infrastructure
Our scalable AI engineering platform ensures you pay only for what you need. Through resource pooling, intelligent AI model orchestration, and bulk-negotiated compute, we keep your projects cost-effective.
Robust Security & Compliance
We deploy enterprise-grade encryption, real-time monitoring, and rigorous compliance measures (GDPR, HIPAA, etc.)—empowering you to innovate with confidence..
Flexible & Scalable Architecture
Whether you’re a startup or global enterprise, our modular solutions adapt to your needs and integrate seamlessly with existing systems—so you can pivot as your business evolves.
Transparent, Trustworthy AI
We build explainability and ethical governance into every project, ensuring stakeholders understand how models make decisions, fostering trust and driving broader adoption.
Â
Â
To make the last card centre aligned use
.card-centre
.card-centre
Content Generation
We develop advanced generative AI for text, image, and video to enable brand-compliant, automated content creation and power solutions like Responsible & Reliable AI Agents.
Education
We create AI-driven learning platforms and adaptive curricula that fuel workforce upskilling and inform our Training & Enablement services.
AI Governance
We explore ethical frameworks, bias mitigation, and transparency methods that underpin our AI Governance & Compliance offerings and tools like M-RAG’s Guardrail Gates.
Security & Privacy
We pioneer secure enclaves, cryptographic techniques, and privacy-preserving machine learning to protect sensitive data and meet stringent regulatory standards.
Model Development & Intelligence
We optimize cutting-edge machine learning architectures and hyperparameters to deliver high-performance models in our Custom AI Engineering deployments.
Automation
We study large-scale process orchestration, improving operational efficiency and driving innovations in Generative AI & Automation workflows.
AI Agents
We design multi-agent frameworks and advanced tool orchestration strategies that form the backbone of our Responsible & Reliable AI Agents solutions.
Infrastructure & Supercomputing
We innovate in HPC paradigms, distributed computing, and resource-efficient AI training, forming the foundation of Fabric Hypergrid.
Molecular Research
We apply AI-driven methods to drug discovery, materials science, and biotech, accelerating R&D cycles for specialized scientific and healthcare use cases.
National AI Frameworks
We develop large-scale policy, data governance, and infrastructure guidelines to guide government and multinational efforts in macro-scale AI adoption.
Â
Â
4. Title gallery view
The design below is achieved by using the view names -
.heading-left.heading-gray.mobile-carousel.sm-title
To generate a gallery view with first page as title check the
Title page
property and place it as first block of the gallery view.heading-left
⇒ First item is styled as title page
.heading-gray
⇒ property description is styled as heading with gray color
.mobile-carousel
⇒ Change gallery view to carousel in mobile view
Â
.heading-left.heading-gray.mobile-carousel.sm-title
Problem:
AI Is Complex
Simplifying AI Complexity
We remove the guesswork from AI adoption. Through expertly curated guided frameworks, top AI engineering solutions and hands-on consultation, MAGIC Research helps you focus on results—not the technical hurdles.
Cost-Optimized Infrastructure
Our scalable AI engineering platform ensures you pay only for what you need. Through resource pooling, intelligent AI model orchestration, and bulk-negotiated compute, we keep your projects cost-effective.
Robust Security & Compliance
We deploy enterprise-grade encryption, real-time monitoring, and rigorous compliance measures (GDPR, HIPAA, etc.)—empowering you to innovate with confidence..
Flexible & Scalable Architecture
Whether you’re a startup or global enterprise, our modular solutions adapt to your needs and integrate seamlessly with existing systems—so you can pivot as your business evolves.
Transparent, Trustworthy AI
We build explainability and ethical governance into every project, ensuring stakeholders understand how models make decisions, fostering trust and driving broader adoption.
Â
Â
5. CTA Black Button
The design below is achieved by using the view names -
.cta-black.lg-title
cta-black
⇒ change the color of theCTA Button
to black.
lg-title
⇒ change the size of card title to 24px
.cta-black.lg-title
ASCEND
A Streamlined Path to AI Transformation
Get tailored AI solutions with industry-specific strategies, architectures, and roadmaps. Leverage packaged accelerators for sectors like healthcare, finance, and retail, and deploy rapidly from pilot to production without a steep learning curve.
Fabric Hypergrid
Own Your Intelligence Your Private, AI-Powered Operating (Eco)System
Reduce AI costs by up to 90% with a private, distributed hypergrid featuring secure, blockchain-inspired architecture, full data ownership, and enterprise compliance. Benefit from an end-to-end ecosystem, including chat workflows, model orchestration, and HPC.
M-RAG
Enterprise AI for fast, secure, and reliable information management.
M-RAG empowers data-driven decisions with advanced retrieval, multi-layer security (Guardrail Gates), and a modular design that lets enterprises optimize LLMs, vector databases, and embedding models for their unique needs.
Responsible and Reliable AI Agents
AI automation for task orchestration and scalability.
Our AI Agent enables efficient, ethical AI adoption without business disruption. Designed for scalability, it combines automation with rigorous oversight to ensure secure, stable, and high-performance operations as your organization grows.
Â
Â
6. CTA Purple and Without border
The below design is achived using
.cta-purple.border-hidden.mobile-carousel
.border-hidden
⇒ Hide border for cards
.cta-purple
⇒ Change theCTA Button
background color to purple
.heading-left
⇒ First gallery view item styled as title card
.sm-icon
⇒ Reduce the size of the card icon
.cta-purple.border-hidden.mobile-carousel
Real Impact, Across Industries
Get a Tailored Use Case Analysis.
Media & Entertainment
Content generation, audience segmentation, recommendation systems.
Retail
Personalized shopping experiences, dynamic pricing, and supply chain optimization.
Manufacturing
Predictive maintenance, quality inspection, robotics integration for automated assembly.
Finance
Fraud detection, risk modeling, intelligent document processing, and compliance checks.
Healthcare
Automated patient triage, predictive diagnostics, personalized treatment recommendations.
Â
Â
7. Blue Background Gallery view
The below design is achived using
.cta-purple.border-hidden.mobile-carousel
.blue-bg
⇒ changes gallery view card to blue color
.card-center
⇒ center the last one card to center aligned
.sm-title
⇒ change the size of the card title to 16px
.blue-bg.card-centre.mobile-carousel.sm-title
AI Advisory & Strategy
What We Do
Define clear objectives, identify high-impact use cases, and map out AI roadmaps.
Benefit
Lay a solid foundation for long-term success with a data-driven plan.
Define clear objectives, identify high-impact use cases, and map out AI roadmaps.
Benefit
Lay a solid foundation for long-term success with a data-driven plan.
Custom AI Engineering Development
What We Do
Build bespoke AI models and solutions—ranging from predictive analytics to generative applications.
Benefit
Get uniquely tailored models that fit your industry and objectives.
Build bespoke AI models and solutions—ranging from predictive analytics to generative applications.
Benefit
Get uniquely tailored models that fit your industry and objectives.
AI Agent Development
What We Do
Design AI-driven agents to automate workflows, orchestrate tools, and adapt to business changes.
Benefit
Boost efficiency, minimize manual tasks, and ensure control with reliable agentic frameworks.
Design AI-driven agents to automate workflows, orchestrate tools, and adapt to business changes.
Benefit
Boost efficiency, minimize manual tasks, and ensure control with reliable agentic frameworks.
Generative AI & Automation
What We Do
Harness state-of-the-art generative models for text, images, video, or complex data workflows.
Benefit
Reduce manual work, speed up content creation, and boost efficiency.
Harness state-of-the-art generative models for text, images, video, or complex data workflows.
Benefit
Reduce manual work, speed up content creation, and boost efficiency.
Implementation & Integration
What We Do
Benefit: Minimal downtime, maximum ROI.
Benefit
Benefit: Minimal downtime, maximum ROI.
Benefit: Minimal downtime, maximum ROI.
Benefit
Benefit: Minimal downtime, maximum ROI.
Governance & Compliance
What We Do
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
Benefit
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
Benefit
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
Training & Enablement
What We Do
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
Benefit
Foster a culture of continuous innovation and self-reliance.
What We Do: Establish ethical AI frameworks, data governance, and regulatory compliance.
Benefit
Foster a culture of continuous innovation and self-reliance.
Â
Â
8. Black background
The design below is achieved by using the view names -
.blue-bg.card-centre.mobile-carousel.sm-title
.black-bg
⇒ Change the background color of the gallery view cards to black
.text-white
⇒ Change the text color of the cards to white
.five-column
⇒ Changes no of items to displayed on a single row to five
.md-title
⇒ Change the size of the gallery view card title to 18px.
Â
.black-bg.mobile-carousel.five-column.md-title.text-white
Start Conversation
Use the conversational chat interface and natural language via the AI Chat layer to engage and submit tasks.
Intelligent Orchestration
Tela selects the best AI model, module, or workflow to perform your task based on its unique requirements.
Dynamic Compute Allocation
The Hypergrid deploys tasks to the optimal computational resources, ensuring
fast and efficient processing.
fast and efficient processing.
Optimized Performance
Rapid performance enhancements drive efficiency and speed in task completion.
Results Delivered
Tela selects the best AI model, module, or workflow to perform your task based on its unique requirements.
Â
Â
Â
The design below is achieved by using the view name -
.black-bg
.black-bg
Â
Â
9. Transparent background and five column
To achieve the below styles use view name
.five-column.transparent-bg.content-centre.white-text.sm-title
.five-column
⇒ Five cards will appear on each row
.transparent-bg
⇒ remove the background of the card (to match with brown callout’s color)
.content-centre
⇒ center align the contents of the site (NOTE:.card-centre
center align the last card)
Â
Why Choose MAGIC?
.five-column.transparent-bg.content-centre.white-text.sm-title
Proven Track Record
Over X successful AI deployments, delivering measurable ROI.
Cutting-Edge Research
Direct access to the latest breakthroughs in generative AI and machine learning.
End-to-End Partnership
From strategy to post-implementation support, we stand by you at every stage.
Human-Centric Approach
Balancing technology with ethical, human-focused design to ensure trust and transparency.
Scalable Architecture
Our modular solutions adapt as your business evolves.
Â
Â
10. Centered card view
.topics-center
is a special gallery view where cards appear center aligned.topics-centre
Â
Â
Carousel components
11. Small carousel
.sm-carousel
⇒ change gallery view to small carousel
.md-title
⇒ change the size of the card title to 18px
The design below is achieved by using the view names -
.sm-carousel.md-title
.sm-carousel.md-title
Content Generation
We develop advanced generative AI for text, image, and video to enable brand-compliant, automated content creation and power solutions like Responsible & Reliable AI Agents.
Education
We create AI-driven learning platforms and adaptive curricula that fuel workforce upskilling and inform our Training & Enablement services.
AI Governance
We explore ethical frameworks, bias mitigation, and transparency methods that underpin our AI Governance & Compliance offerings and tools like M-RAG’s Guardrail Gates.
Security & Privacy
We pioneer secure enclaves, cryptographic techniques, and privacy-preserving machine learning to protect sensitive data and meet stringent regulatory standards.
Model Development & Intelligence
We optimize cutting-edge machine learning architectures and hyperparameters to deliver high-performance models in our Custom AI Engineering deployments.
Automation
We study large-scale process orchestration, improving operational efficiency and driving innovations in Generative AI & Automation workflows.
AI Agents
We design multi-agent frameworks and advanced tool orchestration strategies that form the backbone of our Responsible & Reliable AI Agents solutions.
Infrastructure & Supercomputing
We innovate in HPC paradigms, distributed computing, and resource-efficient AI training, forming the foundation of Fabric Hypergrid.
Molecular Research
We apply AI-driven methods to drug discovery, materials science, and biotech, accelerating R&D cycles for specialized scientific and healthcare use cases.
National AI Frameworks
We develop large-scale policy, data governance, and infrastructure guidelines to guide government and multinational efforts in macro-scale AI adoption.
Â
Â
12. Medium carousel
The design below is achieved by using the view names -
.md-carousel.heading-left.cta-purple.lg-title
.md-carousel
⇒ changes gallery view to medium carousel
.cta-purple
⇒ change background color of propertyCTA Button
to purple
.md-carousel.heading-left.cta-purple.lg-title
Use Cases: How MAGIC AI ecosystem impacts industries and applications.
Magic is designed for organizations that want to unlock the power of AI, streamline operations, and scale efficiently.
Harvard & Boston Children’s Hospital
MAGIC, Harvard Medical School, and Boston Children’s Hospital are leveraging Fabric’s hypergrid to enhance molecular research, cutting costs and accelerating drug development breakthroughs
MAGIC and Intel
MAGIC & Intel are optimizing Intel CPUs with Tela’s AI orchestration, cutting costs and boosting generative AI and molecular research performance
MAGIC and SES
MAGIC & Intel are optimizing Intel CPUs with Tela’s AI orchestration, cutting costs and boosting generative AI and molecular research performance
Â
Â
13. Large carousel
The design below is achieved by using the view name -
.lg-carousel
lg-carousel
⇒ change the gallery view to large carousel
.lg-carousel
Harvard & Boston Children’s Hospital
MAGIC, Harvard Medical School, and Boston Children’s Hospital are leveraging Fabric’s hypergrid to enhance molecular research, cutting costs and accelerating drug development breakthroughs
MAGIC and Intel
MAGIC & Intel are optimizing Intel CPUs with Tela’s AI orchestration, cutting costs and boosting generative AI and molecular research performance
MAGIC and SES
MAGIC & Intel are optimizing Intel CPUs with Tela’s AI orchestration, cutting costs and boosting generative AI and molecular research performance
Â
Â
Â
14. Mobile Carousel
The design below is achieved by using the view names -
.card-centre.mobile-carousel.sm-title
.card-centre
⇒ centre the last card to centre aligned
.sm-title
⇒ change size of card title to 16px
.mobile-carousel
⇒ change gallery view to carousel in mobile
.card-centre.mobile-carousel.sm-title
Organizational Strategy
Evaluates how AI aligns with the company’s long-term vision and goals.
Data Infrastructure
Assesses the quality, accessibility, and organization of data available to support AI solutions.
Technological Resources
Examines the maturity of the technology being used, including hardware, software, and integrations.
Team Capabilities
Measures the technical knowledge of internal teams in AI and their ability to operate and implement solutions.
Processes and Operations
Analyzes operational efficiency and adaptability to incorporate AI into existing workflows.
Governance and Ethics
Reviews the application of security policies, data privacy measures, and ethical practices in AI usage.
Results and Impact
Measures ROI and the overall impact of AI on business outcomes.
Â
Â
Â
15. Gallery view search
The design below is achieved by using the view name -
.search
Add the search input field to the gallery view
.search
Enterprises
Streamline operations, enhance decision-making, and reduce costs across departments.
Tech Startups
Accelerate product development and go-to-market with scalable AI infrastructure and optimized models.
Healthcare Providers
Revolutionize drug discovery, diagnostics, and personalized treatments with AI-powered tools.
Â
Â
16. Gallery view inside brown callout
callout-full-width
Product
Smart Solutions for Smarter Decisions”
.black-bg.mobile-carousel
AI Chat
Open Source Chat Application
Wizard AI Orchestrator
Automatically Orchestrate Inference to the Best AI Model
AI Modules or Intelligent Apps
Building Blocks of AI
Rapyd
Model Accelerator - Maximize Model Performance and Accelerate Tokens Per Second
Hypergrid
Distributed Compute Orchestration - Orchestrate AI Compute and Provision Models at Runtime
Research Fabric
Optimized version of Tela for advanced research.
Â
Â
Â
Â
17. Styled using collection name
NOTE: Blog database and pricing table are styled using database names (eg. blog db), When you create views for these two tables in any page all styles will be applied automatically. And also you can hide the database name so that it wont appear in the website
** !NOTE: change the view names may break the styles **
blog-db
⇒ blog collection
pricing-table
⇒ pricing collection
Â
Starter
$49/month
Ideal for small businesses starting their journey.
Core functionalities to establish your foundation.
Easy-to-use tools to streamline operations.
Basic support included
Easy-to-use tools to streamline operations.
Basic support included
Professional
$149/month
Perfect for growing enterprises looking to scale.
Advanced tools for operational efficiency.
Enhanced analytics and reporting.
Priority support for faster resolutions.
Enhanced analytics and reporting.
Priority support for faster resolutions.
Enterprise (Private Label)
Custom pricing
Tailored for large-scale businesses with custom needs.
Fully customizable solutions to fit your requirements.
Dedicated account manager.
Premium support and SLA.
Dedicated account manager.
Premium support and SLA.
Starter
$49/month
Ideal for small businesses starting their journey.
Core functionalities to establish your foundation.
Easy-to-use tools to streamline operations.
Basic support included
Easy-to-use tools to streamline operations.
Basic support included
Professional
$149/month
Perfect for growing enterprises looking to scale.
Advanced tools for operational efficiency.
Enhanced analytics and reporting.
Priority support for faster resolutions.
Enhanced analytics and reporting.
Priority support for faster resolutions.
Enterprise (Private Label)
Custom pricing
Tailored for large-scale businesses with custom needs.
Fully customizable solutions to fit your requirements.
Dedicated account manager.
Premium support and SLA.
Dedicated account manager.
Premium support and SLA.
Â
Â
2. List view
** NOTE: All list view items appear as tab component **
Â
Â
3. Callout Components
First text block of the callout is used to achieve different styles.
callout-full-width
This callout streches to the full width of the screen
Â
1. Centre aligned callout
If you want full width callout give a class name on the top “callout-full-width” as shown in below example
If you want all the components inside column layouts give a class name on the top “column-centre” as shown in below example
column-centre
The ASCEND Process in 3 Steps
Â
Â
Initial Diagnosis
Conduct a full evaluation based on the framework’s seven dimensions.
Personalized Report
Receive a detailed roadmap with actionable recommendations to advance your AI strategy.
Implementation and Support
Work with the MAGIC team to execute changes and empower your team throughout the process.
Â
Â
Â
Â
2. Full width callout
callout-full-width
Product
Smart Solutions for Smarter Decisions”
.black-bg.mobile-carousel
AI Chat
Open Source Chat Application
Wizard AI Orchestrator
Automatically Orchestrate Inference to the Best AI Model
AI Modules or Intelligent Apps
Building Blocks of AI
Rapyd
Model Accelerator - Maximize Model Performance and Accelerate Tokens Per Second
Hypergrid
Distributed Compute Orchestration - Orchestrate AI Compute and Provision Models at Runtime
Research Fabric
Optimized version of Tela for advanced research.
Â
Â
Â
Â
3. Social container
This callout is used to achieve social banner in home page and contact us page
Â
Â
4. Images
Â
:class=”left-align”
align image to left.class=”desktop-image"
⇒ Hide the image when width of screen is smaller than 768px
class=”mobile-image"
⇒ Hide the image when width of screen is larger than 768px
Â
Â
5. Other Components
Â
Heading 1
Heading with gray text
Heading 2
Heading 3
Â
Bold Text
Normal text
Toggle block
What kind of businesses can benefit from MAGIC Research solutions?
We work with businesses of all sizes—from startups to large enterprises—across various industries.
How quickly can we see results from an AI implementation?
Â
Is my data secure?
Â
Can I integrate MAGIC Research solutions with my existing systems
Â