LinkGuard.io

UI/UX Mockups & Design System

v2.0 - Ultra Dark Futuristic

🎨 Main Dashboard

🚀 Core Application Pages

Project Dashboard

Live

Detailed view of a single project showing all link groups, monitoring statistics, and team activity. Displays group-level metrics with priority indicators, SERP/HTML check frequencies, and health scores.

  • Groups Table
  • Health Metrics
  • Team View
  • Token Usage
📊 Project View ⏱ Updated: Dec 2024

Create Project Wizard

Live

Multi-step wizard for creating new projects with validation. Guides users through naming, configuring monitoring settings (SERP/HTML frequencies), and setting default parameters. Features step-by-step progress indicator and real-time token estimation.

  • 3-Step Wizard
  • Validation
  • Token Calc
  • Progress Bar
✨ Wizard ⏱ Updated: Dec 2024

Create Group

Live

Form for creating link groups within projects. Allows setting priority levels (Critical/High/Medium/Low), SERP/HTML check frequencies, team member assignment, and visual identifiers (color/icon). Shows inherited settings from parent project.

  • Priority Levels
  • Frequencies
  • Team Assign
  • Settings Preview
📁 Group Setup ⏱ Updated: Dec 2024

Bulk Import Links

New

CSV/Excel bulk import interface with drag & drop upload. Progressive wizard requiring project and group selection first, then shows inherited monitoring settings before file upload. Includes template downloads and validation rules sidebar.

  • Drag & Drop
  • CSV/Excel
  • Templates
  • Validation
📤 Import Tool ⏱ Created: Jan 2025

Group Detail

New

Group detail page displaying all backlinks within a specific group as a table. Shows group-level statistics, monitoring settings, and recent activity. Features both empty state for new groups and full table view with sortable columns, search, bulk actions, and row-level actions.

  • Links Table
  • Empty State
  • Stats Cards
  • Activity Feed
📋 Group View ⏱ Created: Jan 2025

🎯 Marketing & Landing Pages