shadow-ai

byArch

Headline: "Is AI actually right for your business? Let's find out — free 30 min call with our engineers." Image idea: Clean dark card. Text only: "No pitch. No generic demo. Just an honest conversation about feasibility, cost, and what's actually possible." Big CTA button: "Book Free Call — fxis.ai"

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

System Requirements Document (SRD) for Shadow-AI

1. Introduction

This document outlines the system requirements for Shadow-AI, a platform designed to provide businesses with honest, no-pressure consultations on the feasibility, cost, and potential of AI solutions. The goal is to create a sleek, professional, and user-friendly experience that aligns with the brand identity of Shadow-AI and its parent site, fxis.ai.

This document will serve as the foundation for the development and design of the Shadow-AI platform, ensuring alignment with user expectations and business goals.

2. System Overview

Shadow-AI aims to provide businesses with a clear, straightforward way to evaluate whether AI is the right fit for their needs. The platform will focus on delivering value through free 30-minute consultations with engineers, emphasizing transparency and practicality. The design will reflect the brand's professional and modern identity while ensuring ease of use across devices.

Key features include:

  • A clean, dark-themed landing page with a bold call-to-action (CTA).
  • A seamless booking system for free consultations.
  • A no-nonsense, trust-building approach to content and design.

The system will prioritize responsiveness, accessibility, and alignment with the brand's visual identity.

Page 2 of 7

3. Functional Requirements

  • As a User, I should be able to read the headline: "Is AI actually right for your business? Let's find out — free 30 min call with our engineers."
  • As a User, I should see a clean, dark card with text: "No pitch. No generic demo. Just an honest conversation about feasibility, cost, and what's actually possible."
  • As a User, I should be able to click a big CTA button labeled: "Book Free Call — fxis.ai."
  • As a User, I should experience a sleek, professional design that aligns with the branding of fxis.ai.
  • As a User, I should be able to access the platform seamlessly on both desktop and mobile devices.

4. User Personas

1. Business Owner

  • Description: Small to medium-sized business owners exploring AI solutions for their operations.
  • Goals: Understand the feasibility and cost of implementing AI in their business.
  • Pain Points: Lack of technical knowledge, fear of being oversold or misled.

2. Technical Decision Maker

  • Description: CTOs, IT managers, or technical leads responsible for evaluating new technologies.
  • Goals: Assess the technical viability of AI solutions and their alignment with business goals.
  • Pain Points: Need for clear, honest, and technical insights without sales pressure.

3. Curious Entrepreneur

  • Description: Start-up founders or innovators curious about leveraging AI for their ideas.
  • Goals: Explore AI possibilities and understand the steps to implementation.
  • Pain Points: Limited budget and need for practical advice.
Page 3 of 7

5. Creative Reference Stories (AI Inspiration)

Based on the project's industry and goals, the "Stormy Ocean Authority" design story is most suitable. It conveys a cinematic, powerful, and resilient mood, aligning with the no-nonsense, professional tone of Shadow-AI.

6. Visuals Colors and Theme

Unique Color Palette for Shadow-AI:

  • Background: #1A1A1A (Dark Gray)
  • Surface: #2C2C2C (Muted Blue-Gray)
  • Text: #FFFFFF (Warm Ivory)
  • Accent: #FF6F00 (Bright Orange from fxis.ai)
  • Muted Tones: #4A4A4A (Soft Charcoal)

Typography:

  • Headings: Dramatic serif or sharp modern serif, weight 700.
  • Body Text: Clean light sans-serif, weight 300.

Layout:

  • Density: Low, with generous negative space.
  • Spacing: Ample, ensuring readability and focus.
  • Hero Section: Cinematic fullscreen card with a bold headline and clear CTA.
Page 4 of 7

Motion:

  • Speed: Slow and intentional.
  • Style: Cinematic with subtle fade-up and parallax effects.
  • Avoid: Bouncy or playful animations.

7. Signature Design Concept

The Honest AI Card

The homepage will feature a dark, cinematic card as the centerpiece. The card will have the following elements:

  • Headline: "Is AI actually right for your business? Let's find out — free 30 min call with our engineers."
    • Appears with a slow fade-in effect, creating a dramatic entrance.
  • Body Text: "No pitch. No generic demo. Just an honest conversation about feasibility, cost, and what's actually possible."
    • Subtle parallax effect as the user scrolls.
  • CTA Button: "Book Free Call — fxis.ai"
    • Bright orange (#FF6F00) button with a soft glow on hover, drawing attention without being overwhelming.

The card will have a subtle shadow to lift it off the background, creating depth. The background will feature a layered dark navy gradient, adding richness and stability to the design. The overall feel will be cinematic, professional, and trustworthy.

Page 5 of 7

8. Non-Functional Requirements

  • Performance: The platform must load within 2 seconds on both desktop and mobile devices.
  • Accessibility: The design must meet WCAG 2.1 AA standards for accessibility.
  • Responsiveness: The platform must be fully responsive and optimized for all screen sizes.
  • Security: All user data must be encrypted and stored securely.

9. Tech Stack

Frontend:

  • React for Web

Backend:

  • Python
  • FastAPI

Database:

  • MySQL (with Alembic for migrations)

AI Models:

  • GPT 5.2 for user-friendly responses.
Page 6 of 7

AI Tools:

  • Litellm for LLM Routing
  • Langchain

Local Orchestration:

  • Docker
  • Docker-Compose

Server-Side Orchestration:

  • Kubernetes

10. Assumptions and Constraints

  • The platform will use the branding and color scheme of fxis.ai.
  • The design will prioritize simplicity and professionalism.
  • The booking system will integrate with existing scheduling tools (e.g., Calendly or similar).
Page 7 of 7

11. Glossary

  • CTA: Call-to-Action, a button or link prompting user interaction.
  • WCAG: Web Content Accessibility Guidelines, a standard for web accessibility.
  • LLM: Large Language Model, an AI model designed for natural language processing.
  • Parallax Effect: A design technique where background elements move slower than foreground elements, creating depth.

This document provides a comprehensive guide for the development and design of Shadow-AI. Let me know if there are additional details or changes you'd like to include!

Landing: Read Headline
Landing: View Value Prop
Landing: Click Book CTA
Booking: Schedule Call
Booking: Confirm Appointment