feat(db): mesh data model — meshes, members, invites, audit log
- pgSchema "mesh" with 4 tables isolating the peer mesh domain - Enums: visibility, transport, tier, role - audit_log is metadata-only (E2E encryption enforced at broker/client) - Cascade on mesh delete, soft-delete via archivedAt/revokedAt Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
@@ -0,0 +1,290 @@
|
||||
# TurboStarter Wireframe Library Architecture
|
||||
|
||||
**Date:** 2026-02-01 16:15
|
||||
**Context:** Designing a reusable Excalidraw wireframe library based on TurboStarter boilerplate UI
|
||||
|
||||
## Overview
|
||||
|
||||
A comprehensive wireframe system for TurboStarter projects featuring:
|
||||
- Token-based theming (18 color variants)
|
||||
- Component templates (reusable building blocks)
|
||||
- Progressive fidelity (LOW → MEDIUM → HIGH)
|
||||
- Maximum parallelization (3-5 agents per wave)
|
||||
|
||||
## Architecture Diagram
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────────┐
|
||||
│ TURBOSTARTER WIREFRAME LIBRARY │
|
||||
├─────────────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 1. TOKEN-BASED THEMING │
|
||||
│ └─ $tokens → apply-theme.js → 18 color variants │
|
||||
│ │
|
||||
│ 2. COMPONENT TEMPLATES (Wave 0) │
|
||||
│ └─ Reusable layouts + components = building blocks │
|
||||
│ │
|
||||
│ 3. PROGRESSIVE FIDELITY (Waves 1-3) │
|
||||
│ └─ LOW → copy+enhance → MEDIUM → copy+enhance → HIGH │
|
||||
│ │
|
||||
│ 4. MAX PARALLELIZATION │
|
||||
│ └─ 3-5 agents per wave, templates inherited │
|
||||
│ │
|
||||
└─────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
## Folder Structure
|
||||
|
||||
```
|
||||
_bmad-output/excalidraw-diagrams/
|
||||
├── CLAUDE.md # AI context for managing wireframes
|
||||
├── wireframe-themes.json # 18 theme color definitions
|
||||
├── apply-theme.js # Script to apply themes
|
||||
├── wireframe-theming.md # Detailed theming docs
|
||||
│
|
||||
├── _templates/ # SHARED BASE COMPONENTS
|
||||
│ ├── layouts/
|
||||
│ │ ├── dashboard.excalidraw # Sidebar + Header + Content
|
||||
│ │ ├── auth.excalidraw # Two-column auth split
|
||||
│ │ └── marketing.excalidraw # Header + Content + Footer
|
||||
│ └── components/
|
||||
│ ├── sidebar.excalidraw # Collapsible sidebar
|
||||
│ ├── header.excalidraw # Dashboard header pattern
|
||||
│ ├── data-table.excalidraw # Table + toolbar + pagination
|
||||
│ ├── card-grid.excalidraw # 3-column card layout
|
||||
│ ├── form.excalidraw # Form with inputs/buttons
|
||||
│ └── modal.excalidraw # Dialog/modal pattern
|
||||
│
|
||||
├── low-fidelity/ # Quick sketches
|
||||
├── medium-fidelity/ # Defined elements
|
||||
└── high-fidelity/ # Detailed wireframes
|
||||
```
|
||||
|
||||
## Theming System
|
||||
|
||||
### Token Colors
|
||||
|
||||
| Token | Purpose |
|
||||
|-------|---------|
|
||||
| `$background` | Page/screen background |
|
||||
| `$foreground` | Primary text |
|
||||
| `$primary` | Brand color, CTAs |
|
||||
| `$secondary` | Secondary backgrounds |
|
||||
| `$muted` | Disabled/placeholder |
|
||||
| `$border` | Borders, dividers |
|
||||
| `$card` | Card backgrounds |
|
||||
| `$destructive` | Delete/error |
|
||||
| `$success` | Success states |
|
||||
| `$sidebar` | Sidebar background |
|
||||
| `$sidebar-foreground` | Sidebar text |
|
||||
|
||||
### Available Themes (9 colors × 2 modes = 18)
|
||||
|
||||
- orange-light, orange-dark
|
||||
- blue-light, blue-dark
|
||||
- green-light, green-dark
|
||||
- red-light, red-dark
|
||||
- rose-light, rose-dark
|
||||
- violet-light, violet-dark
|
||||
- yellow-light, yellow-dark
|
||||
- gray-light, gray-dark
|
||||
- stone-light, stone-dark
|
||||
|
||||
### Apply Theme Command
|
||||
|
||||
```bash
|
||||
node apply-theme.js <input.excalidraw> <theme-name> [output.excalidraw]
|
||||
```
|
||||
|
||||
## Screen Inventory
|
||||
|
||||
### Auth Screens (4)
|
||||
| Screen | Template Base | Description |
|
||||
|--------|---------------|-------------|
|
||||
| auth-login | layout-auth | Email/password + OAuth |
|
||||
| auth-register | layout-auth | Registration form |
|
||||
| auth-forgot-password | layout-auth | Password reset |
|
||||
| auth-join-org | layout-auth | Organization invitation |
|
||||
|
||||
### Dashboard Layouts (3)
|
||||
| Screen | Template Base | Description |
|
||||
|--------|---------------|-------------|
|
||||
| dashboard-user | layout-dashboard | User dashboard home |
|
||||
| dashboard-org | layout-dashboard | Organization analytics |
|
||||
| dashboard-admin | layout-dashboard | Admin panel |
|
||||
|
||||
### Sidebars (3)
|
||||
| Screen | Template Base | Description |
|
||||
|--------|---------------|-------------|
|
||||
| sidebar-apps | component-sidebar | Apps navigation |
|
||||
| sidebar-dashboard | component-sidebar | User dashboard nav |
|
||||
| sidebar-admin | component-sidebar | Admin navigation |
|
||||
|
||||
### Settings Pages (3)
|
||||
| Screen | Template Base | Description |
|
||||
|--------|---------------|-------------|
|
||||
| settings-general | layout-dashboard + form | Profile settings |
|
||||
| settings-security | layout-dashboard + form | 2FA, passkeys |
|
||||
| settings-billing | layout-dashboard + card-grid | Plans, credits |
|
||||
|
||||
### Data Components (3)
|
||||
| Screen | Template Base | Description |
|
||||
|--------|---------------|-------------|
|
||||
| data-table-users | component-data-table | Admin users table |
|
||||
| data-table-members | component-data-table | Org members |
|
||||
| data-table-toolbar | component-data-table | Filters, search |
|
||||
|
||||
## Fidelity Levels
|
||||
|
||||
### LOW Fidelity
|
||||
- Basic rectangles and shapes
|
||||
- Placeholder text ("xxxxx")
|
||||
- No styling details
|
||||
- Focus on layout and flow
|
||||
- **Use for:** Early concepts, quick iteration
|
||||
|
||||
### MEDIUM Fidelity
|
||||
- Defined UI elements (buttons, inputs)
|
||||
- Representative labels
|
||||
- Basic iconography (rectangles with X)
|
||||
- Approximate sizing
|
||||
- **Use for:** Design reviews, stakeholder feedback
|
||||
|
||||
### HIGH Fidelity
|
||||
- Realistic element sizes
|
||||
- Actual content examples
|
||||
- Proper spacing and alignment
|
||||
- Icon placeholders that match intent
|
||||
- **Use for:** Developer handoff, final approval
|
||||
|
||||
## Execution Plan
|
||||
|
||||
### Wave 0: Templates (3 parallel agents)
|
||||
|
||||
| Agent | Output |
|
||||
|-------|--------|
|
||||
| T1 | layouts/dashboard, layouts/auth, layouts/marketing |
|
||||
| T2 | components/sidebar, components/header, components/data-table |
|
||||
| T3 | components/card-grid, components/form, components/modal |
|
||||
|
||||
**Output:** 9 template files
|
||||
|
||||
### Wave 1: LOW Fidelity (5 parallel agents)
|
||||
|
||||
| Agent | Screens | Uses Templates |
|
||||
|-------|---------|----------------|
|
||||
| A | auth-login, auth-register, auth-forgot-password, auth-join-org | layout-auth |
|
||||
| B | dashboard-user, dashboard-org, dashboard-admin | layout-dashboard |
|
||||
| C | sidebar-apps, sidebar-dashboard, sidebar-admin | component-sidebar |
|
||||
| D | settings-general, settings-security, settings-billing | layout-dashboard + form |
|
||||
| E | data-table-users, data-table-members, data-table-toolbar | component-data-table |
|
||||
|
||||
**Output:** 16 LOW fidelity files
|
||||
|
||||
### Wave 2: MEDIUM Fidelity (5 parallel agents)
|
||||
|
||||
Same agent assignments. Each agent:
|
||||
1. Reads corresponding LOW file
|
||||
2. Copies all elements
|
||||
3. Enhances with labels, better proportions, sizing
|
||||
4. Saves to medium-fidelity/
|
||||
|
||||
**Output:** 16 MEDIUM fidelity files
|
||||
|
||||
### Wave 3: HIGH Fidelity (5 parallel agents)
|
||||
|
||||
Same agent assignments. Each agent:
|
||||
1. Reads corresponding MEDIUM file
|
||||
2. Copies all elements
|
||||
3. Adds detail, realistic content, final polish
|
||||
4. Saves to high-fidelity/
|
||||
|
||||
**Output:** 16 HIGH fidelity files
|
||||
|
||||
## Total Output
|
||||
|
||||
| Category | Files |
|
||||
|----------|-------|
|
||||
| Templates | 9 |
|
||||
| LOW fidelity | 16 |
|
||||
| MEDIUM fidelity | 16 |
|
||||
| HIGH fidelity | 16 |
|
||||
| **Total** | **57 files** |
|
||||
|
||||
With 18 theme variants available = unlimited themed outputs
|
||||
|
||||
## TurboStarter UI Reference
|
||||
|
||||
### Standard Dimensions (Desktop 1440×900)
|
||||
- Sidebar width: 280px (expanded), 60px (collapsed)
|
||||
- Header height: 64px
|
||||
- Content padding: 24px
|
||||
- Card gap: 16px
|
||||
- Button height: 40px
|
||||
- Input height: 40px
|
||||
|
||||
### Layout Patterns
|
||||
|
||||
**Dashboard Layout:**
|
||||
```
|
||||
┌─────────────────────────────────────────┐
|
||||
│ SidebarProvider │
|
||||
│ ┌──────────┬──────────────────────────┐ │
|
||||
│ │ Sidebar │ SidebarInset │ │
|
||||
│ │ ┌──────┐ │ ┌──────────────────────┐ │ │
|
||||
│ │ │Header│ │ │ DashboardHeader │ │ │
|
||||
│ │ ├──────┤ │ ├──────────────────────┤ │ │
|
||||
│ │ │Content│ │ │ Page Content │ │ │
|
||||
│ │ ├──────┤ │ │ │ │ │
|
||||
│ │ │Footer│ │ │ │ │ │
|
||||
│ │ └──────┘ │ └──────────────────────┘ │ │
|
||||
│ └──────────┴──────────────────────────┘ │
|
||||
└─────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**Auth Layout:**
|
||||
```
|
||||
┌────────────────────┬────────────────────┐
|
||||
│ │ │
|
||||
│ Logo + Form │ Branding/Image │
|
||||
│ (Auth content) │ (Decorative) │
|
||||
│ │ │
|
||||
└────────────────────┴────────────────────┘
|
||||
```
|
||||
|
||||
## Agent Instructions Template
|
||||
|
||||
### For Template Creation (Wave 0)
|
||||
```
|
||||
Create Excalidraw template at [path].
|
||||
Use $tokens for all colors (see wireframe-themes.json).
|
||||
Follow grid alignment (20px).
|
||||
Include: [specific elements for this template]
|
||||
Standard desktop: 1440×900.
|
||||
```
|
||||
|
||||
### For Screen Creation (Waves 1-3)
|
||||
```
|
||||
[LOW] Create screen by copying [template], customize for [screen purpose].
|
||||
[MEDIUM] Read [low file], copy elements, enhance with labels and sizing.
|
||||
[HIGH] Read [medium file], copy elements, add detail and realistic content.
|
||||
Save to [fidelity-level]/[screen-name].excalidraw.
|
||||
```
|
||||
|
||||
## Related Files
|
||||
|
||||
- **Theme source:** `packages/ui/shared/src/styles/themes/`
|
||||
- **UI components:** `packages/ui/`
|
||||
- **App pages:** `apps/web/src/app/[locale]/`
|
||||
- **Feature modules:** `apps/web/src/modules/`
|
||||
- **Wireframe docs:** `_bmad-output/excalidraw-diagrams/CLAUDE.md`
|
||||
|
||||
## Next Steps
|
||||
|
||||
1. Execute Wave 0 (templates) - 3 parallel agents
|
||||
2. Review templates
|
||||
3. Execute Wave 1 (LOW) - 5 parallel agents
|
||||
4. Review LOW screens
|
||||
5. Execute Wave 2 (MEDIUM) - 5 parallel agents
|
||||
6. Execute Wave 3 (HIGH) - 5 parallel agents
|
||||
7. Final review and validation
|
||||
154
.context/turbostarter-framework-context/wireframes/CLAUDE.md
Normal file
154
.context/turbostarter-framework-context/wireframes/CLAUDE.md
Normal file
@@ -0,0 +1,154 @@
|
||||
# TurboStarter Wireframe Library
|
||||
|
||||
## Overview
|
||||
|
||||
This folder contains reusable Excalidraw wireframes based on TurboStarter's boilerplate UI. Use these as templates when creating project-specific wireframes.
|
||||
|
||||
**Full Architecture:** See `ARCHITECTURE.md` for complete details on the design system, execution plan, and screen inventory.
|
||||
|
||||
## Folder Structure
|
||||
|
||||
```
|
||||
.context/turbostarter-framework-context/wireframes/
|
||||
├── CLAUDE.md # This file - AI context
|
||||
├── ARCHITECTURE.md # Full architecture documentation
|
||||
├── wireframe-themes.json # Theme color definitions (8 variants)
|
||||
├── apply-theme.js # Script to apply themes to wireframes
|
||||
├── wireframe-theming.md # Detailed theming documentation
|
||||
│
|
||||
├── _templates/ # Reusable building blocks ($tokens)
|
||||
│ ├── layouts/ # dashboard, auth, marketing
|
||||
│ └── components/ # sidebar, header, data-table, etc.
|
||||
│
|
||||
├── low-fidelity/ # Basic layouts ($tokens)
|
||||
├── medium-fidelity/ # + Labels & content ($tokens)
|
||||
├── high-fidelity/ # + Final polish ($tokens)
|
||||
│
|
||||
└── themed/ # Ready-to-view files (actual colors)
|
||||
├── high/ # HIGH fidelity with orange theme
|
||||
├── medium/ # MEDIUM fidelity with orange theme
|
||||
├── low/ # LOW fidelity with orange theme
|
||||
└── templates/ # Templates with orange theme
|
||||
```
|
||||
|
||||
## Quick Start
|
||||
|
||||
### View Wireframes (Open in Excalidraw)
|
||||
|
||||
Use files from `themed/` folder - they have actual colors:
|
||||
```
|
||||
themed/high/auth-login.excalidraw
|
||||
themed/high/dashboard-user.excalidraw
|
||||
themed/high/data-table-users.excalidraw
|
||||
```
|
||||
|
||||
### Change Theme
|
||||
|
||||
```bash
|
||||
# Apply different theme to all files
|
||||
cd .context/turbostarter-framework-context/wireframes
|
||||
for f in high-fidelity/*.excalidraw; do
|
||||
node apply-theme.js "$f" blue-light "themed/high/$(basename $f)"
|
||||
done
|
||||
```
|
||||
|
||||
Available themes: `orange-light`, `orange-dark`, `blue-light`, `blue-dark`, `green-light`, `green-dark`, `violet-light`, `violet-dark`
|
||||
|
||||
## Token Colors (For Creating New Wireframes)
|
||||
|
||||
| Token | Purpose |
|
||||
|-------|---------|
|
||||
| `$background` | Page/screen background |
|
||||
| `$foreground` | Primary text |
|
||||
| `$primary` | Brand color, CTAs |
|
||||
| `$primary-foreground` | Text on primary |
|
||||
| `$secondary` | Secondary backgrounds |
|
||||
| `$muted` | Disabled/placeholder backgrounds |
|
||||
| `$muted-foreground` | Disabled/placeholder text |
|
||||
| `$border` | Borders, dividers |
|
||||
| `$card` | Card backgrounds |
|
||||
| `$destructive` | Delete/error |
|
||||
| `$success` | Success states |
|
||||
| `$sidebar` | Sidebar background |
|
||||
| `$sidebar-foreground` | Sidebar text |
|
||||
|
||||
## Screen Inventory (16 screens × 3 fidelities = 48 files)
|
||||
|
||||
### Auth Screens (4)
|
||||
- `auth-login` - Email/password + OAuth
|
||||
- `auth-register` - Registration form
|
||||
- `auth-forgot-password` - Password reset
|
||||
- `auth-join-org` - Organization invitation
|
||||
|
||||
### Dashboard Layouts (3)
|
||||
- `dashboard-user` - User dashboard with cards
|
||||
- `dashboard-org` - Organization analytics
|
||||
- `dashboard-admin` - Admin panel
|
||||
|
||||
### Sidebars (3)
|
||||
- `sidebar-apps` - Apps navigation
|
||||
- `sidebar-dashboard` - User dashboard nav
|
||||
- `sidebar-admin` - Admin navigation
|
||||
|
||||
### Settings (3)
|
||||
- `settings-general` - Profile, language
|
||||
- `settings-security` - 2FA, passkeys, sessions
|
||||
- `settings-billing` - Plans, credits, history
|
||||
|
||||
### Data Tables (3)
|
||||
- `data-table-users` - Admin users management
|
||||
- `data-table-members` - Organization members
|
||||
- `data-table-invitations` - Pending invitations
|
||||
|
||||
## Templates (9 reusable components)
|
||||
|
||||
### Layouts
|
||||
- `dashboard` - Sidebar + Header + Content
|
||||
- `auth` - Two-column auth split
|
||||
- `marketing` - Header + Content + Footer
|
||||
|
||||
### Components
|
||||
- `sidebar` - Collapsible navigation
|
||||
- `header` - Dashboard header
|
||||
- `data-table` - Table + toolbar + pagination
|
||||
- `card-grid` - 3-column card layout
|
||||
- `form` - Inputs + buttons + OAuth
|
||||
- `modal` - Dialog with backdrop
|
||||
|
||||
## Fidelity Levels
|
||||
|
||||
| Level | What | Use For |
|
||||
|-------|------|---------|
|
||||
| **LOW** | Boxes, layout only | Early concepts, IA validation |
|
||||
| **MEDIUM** | + Labels, content | Design reviews, feedback |
|
||||
| **HIGH** | + Details, polish | Developer handoff, approval |
|
||||
|
||||
## Standard Dimensions
|
||||
|
||||
- Canvas: 1440×900 (desktop)
|
||||
- Sidebar: 280px wide
|
||||
- Header: 64px height
|
||||
- Content padding: 24px
|
||||
- Card gap: 16px
|
||||
- Button/Input height: 40-44px
|
||||
- Grid: 20px
|
||||
|
||||
## Commands
|
||||
|
||||
```bash
|
||||
# Apply theme
|
||||
node apply-theme.js input.excalidraw orange-light output.excalidraw
|
||||
|
||||
# Validate JSON
|
||||
node -e "JSON.parse(require('fs').readFileSync('file.excalidraw')); console.log('Valid')"
|
||||
|
||||
# Open themed folder
|
||||
open themed/high/
|
||||
```
|
||||
|
||||
## Related Files
|
||||
|
||||
- **Architecture**: `ARCHITECTURE.md`
|
||||
- **TurboStarter themes**: `packages/ui/shared/src/styles/themes/`
|
||||
- **UI components**: `packages/ui/`
|
||||
- **App pages**: `apps/web/src/app/[locale]/`
|
||||
@@ -0,0 +1,611 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "card-1",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-1"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-icon",
|
||||
"type": "ellipse",
|
||||
"x": 20,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-1"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-title",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-1"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-desc",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-1"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-action",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-1"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2",
|
||||
"type": "rectangle",
|
||||
"x": 368,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-2"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-icon",
|
||||
"type": "ellipse",
|
||||
"x": 388,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-2"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-title",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-2"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-desc",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-2"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-action",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-2"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3",
|
||||
"type": "rectangle",
|
||||
"x": 736,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-3"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-icon",
|
||||
"type": "ellipse",
|
||||
"x": 756,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-3"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-title",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-3"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-desc",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-3"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-action",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-3"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-4"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-icon",
|
||||
"type": "ellipse",
|
||||
"x": 20,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-4"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-title",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-4"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-desc",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-4"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-action",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-4"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5",
|
||||
"type": "rectangle",
|
||||
"x": 368,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-5"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-icon",
|
||||
"type": "ellipse",
|
||||
"x": 388,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-5"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-title",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-5"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-desc",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-5"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-action",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-5"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6",
|
||||
"type": "rectangle",
|
||||
"x": 736,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-6"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-icon",
|
||||
"type": "ellipse",
|
||||
"x": 756,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-6"],
|
||||
"roundness": { "type": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-title",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-6"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-desc",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["card-group-6"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-action",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["card-group-6"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,433 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "form-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 400,
|
||||
"height": 500,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-title",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 352,
|
||||
"height": 28,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-description",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 60,
|
||||
"width": 352,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-1",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-1",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 172,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 192,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 244,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "eye-icon",
|
||||
"type": "rectangle",
|
||||
"x": 340,
|
||||
"y": 276,
|
||||
"width": 20,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 316,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "checkbox-label",
|
||||
"type": "rectangle",
|
||||
"x": 52,
|
||||
"y": 318,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-link",
|
||||
"type": "rectangle",
|
||||
"x": 276,
|
||||
"y": 318,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "primary-button",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 352,
|
||||
"height": 44,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "secondary-button",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 404,
|
||||
"width": 352,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-left",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 468,
|
||||
"width": 140,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [140, 0]]
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 172,
|
||||
"y": 460,
|
||||
"width": 56,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-right",
|
||||
"type": "line",
|
||||
"x": 236,
|
||||
"y": 468,
|
||||
"width": 140,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [140, 0]]
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 100,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 170,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,221 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "header-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "title-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 14,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Page Title",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 18
|
||||
},
|
||||
{
|
||||
"id": "description-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 42,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Brief description of this page",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "breadcrumb-area",
|
||||
"type": "rectangle",
|
||||
"x": 360,
|
||||
"y": 22,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "breadcrumb-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "breadcrumb-text",
|
||||
"type": "text",
|
||||
"x": 360,
|
||||
"y": 22,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "breadcrumb-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home > Section > Current",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "help-icon",
|
||||
"type": "ellipse",
|
||||
"x": 1000,
|
||||
"y": 14,
|
||||
"width": 36,
|
||||
"height": 36,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "actions-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "help-icon-text",
|
||||
"type": "text",
|
||||
"x": 1012,
|
||||
"y": 22,
|
||||
"width": 12,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "actions-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "?",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "action-button",
|
||||
"type": "rectangle",
|
||||
"x": 1048,
|
||||
"y": 14,
|
||||
"width": 100,
|
||||
"height": 36,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "actions-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "action-button-text",
|
||||
"type": "text",
|
||||
"x": 1068,
|
||||
"y": 24,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group", "actions-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Action",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,335 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "backdrop",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 800,
|
||||
"height": 600,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "modal-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 140,
|
||||
"width": 480,
|
||||
"height": 320,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-border",
|
||||
"type": "line",
|
||||
"x": 160,
|
||||
"y": 196,
|
||||
"width": 480,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [480, 0]]
|
||||
},
|
||||
{
|
||||
"id": "modal-title",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 160,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "close-button",
|
||||
"type": "rectangle",
|
||||
"x": 592,
|
||||
"y": 156,
|
||||
"width": 32,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "close-x-h",
|
||||
"type": "line",
|
||||
"x": 600,
|
||||
"y": 164,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [16, 16]]
|
||||
},
|
||||
{
|
||||
"id": "close-x-v",
|
||||
"type": "line",
|
||||
"x": 616,
|
||||
"y": 164,
|
||||
"width": -16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [-16, 16]]
|
||||
},
|
||||
{
|
||||
"id": "content-desc-1",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 220,
|
||||
"width": 432,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 244,
|
||||
"width": 380,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-desc-3",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 268,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "optional-input",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 304,
|
||||
"width": 432,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-bg",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-bg-top-mask",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 20,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-border",
|
||||
"type": "line",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [480, 0]]
|
||||
},
|
||||
{
|
||||
"id": "cancel-button",
|
||||
"type": "rectangle",
|
||||
"x": 408,
|
||||
"y": 408,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-button",
|
||||
"type": "rectangle",
|
||||
"x": 516,
|
||||
"y": 408,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["modal-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,441 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "nav-item-1-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 108,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-1-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 118,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 160,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-2-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 170,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Browse MCPs",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 212,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-3-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 222,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Bundles",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-4",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-4-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 274,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "My Installs",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-5",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 316,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-5-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 326,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Settings",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 840,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "user-email",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 140,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "john@example.com",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 10
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,271 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 250,
|
||||
"width": 400,
|
||||
"height": 400,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 290,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-input-1",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-input-2",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-submit-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-divider",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 564,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-oauth-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 586,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,391 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-1",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-4",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 280,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-action-1",
|
||||
"type": "rectangle",
|
||||
"x": 1280,
|
||||
"y": 16,
|
||||
"width": 60,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-action-2",
|
||||
"type": "rectangle",
|
||||
"x": 1360,
|
||||
"y": 16,
|
||||
"width": 60,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-card-1",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-card-2",
|
||||
"type": "rectangle",
|
||||
"x": 684,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-card-3",
|
||||
"type": "rectangle",
|
||||
"x": 1064,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-main-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 288,
|
||||
"width": 1120,
|
||||
"height": 400,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,451 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-logo",
|
||||
"type": "rectangle",
|
||||
"x": 40,
|
||||
"y": 16,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-nav-1",
|
||||
"type": "rectangle",
|
||||
"x": 580,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-nav-2",
|
||||
"type": "rectangle",
|
||||
"x": 680,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-nav-3",
|
||||
"type": "rectangle",
|
||||
"x": 780,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-auth-login",
|
||||
"type": "rectangle",
|
||||
"x": 1260,
|
||||
"y": 16,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-auth-signup",
|
||||
"type": "rectangle",
|
||||
"x": 1360,
|
||||
"y": 16,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 64,
|
||||
"width": 1440,
|
||||
"height": 716,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "hero-headline",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 160,
|
||||
"width": 800,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "hero-subheadline",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 240,
|
||||
"width": 600,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "hero-cta-primary",
|
||||
"type": "rectangle",
|
||||
"x": 560,
|
||||
"y": 320,
|
||||
"width": 160,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "hero-cta-secondary",
|
||||
"type": "rectangle",
|
||||
"x": 740,
|
||||
"y": 320,
|
||||
"width": 140,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "hero-image",
|
||||
"type": "rectangle",
|
||||
"x": 220,
|
||||
"y": 420,
|
||||
"width": 1000,
|
||||
"height": 320,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 780,
|
||||
"width": 1440,
|
||||
"height": 120,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-logo",
|
||||
"type": "rectangle",
|
||||
"x": 40,
|
||||
"y": 800,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-1",
|
||||
"type": "rectangle",
|
||||
"x": 400,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-2",
|
||||
"type": "rectangle",
|
||||
"x": 560,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-3",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-1",
|
||||
"type": "rectangle",
|
||||
"x": 1280,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-2",
|
||||
"type": "rectangle",
|
||||
"x": 1340,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-3",
|
||||
"type": "rectangle",
|
||||
"x": 1400,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["footer-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,310 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
/**
|
||||
* Excalidraw Theme Applicator
|
||||
*
|
||||
* This script applies color themes to Excalidraw wireframe files by replacing
|
||||
* color tokens (like $background, $primary, etc.) with actual hex values.
|
||||
*
|
||||
* Usage:
|
||||
* node apply-theme.js <input.excalidraw> <theme-name> [output.excalidraw]
|
||||
*
|
||||
* Example:
|
||||
* node apply-theme.js wireframe.excalidraw orange-light themed-wireframe.excalidraw
|
||||
*
|
||||
* The script expects a wireframe-themes.json file in the same directory with
|
||||
* the following structure:
|
||||
*
|
||||
* {
|
||||
* "themes": {
|
||||
* "orange-light": {
|
||||
* "background": "#ffffff",
|
||||
* "primary": "#f97316",
|
||||
* "secondary": "#fed7aa",
|
||||
* "accent": "#ea580c",
|
||||
* "text": "#1f2937",
|
||||
* "muted": "#9ca3af",
|
||||
* "border": "#e5e7eb",
|
||||
* "surface": "#f9fafb"
|
||||
* },
|
||||
* "blue-dark": {
|
||||
* "background": "#0f172a",
|
||||
* ...
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
|
||||
const fs = require("fs");
|
||||
const path = require("path");
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Configuration
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
const SCRIPT_DIR = __dirname;
|
||||
const THEMES_FILE = path.join(SCRIPT_DIR, "wireframe-themes.json");
|
||||
|
||||
// Color properties to search for in Excalidraw elements
|
||||
const COLOR_PROPERTIES = ["strokeColor", "backgroundColor"];
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Helper Functions
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Load and parse the themes configuration file
|
||||
* @returns {Object} The themes configuration object
|
||||
*/
|
||||
function loadThemes() {
|
||||
if (!fs.existsSync(THEMES_FILE)) {
|
||||
console.error(`Error: Themes file not found at ${THEMES_FILE}`);
|
||||
console.error("\nPlease create a wireframe-themes.json file with the following structure:");
|
||||
console.error(`
|
||||
{
|
||||
"themes": {
|
||||
"theme-name": {
|
||||
"background": "#ffffff",
|
||||
"primary": "#f97316",
|
||||
"secondary": "#fed7aa",
|
||||
"accent": "#ea580c",
|
||||
"text": "#1f2937",
|
||||
"muted": "#9ca3af",
|
||||
"border": "#e5e7eb",
|
||||
"surface": "#f9fafb"
|
||||
}
|
||||
}
|
||||
}
|
||||
`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
try {
|
||||
const content = fs.readFileSync(THEMES_FILE, "utf-8");
|
||||
return JSON.parse(content);
|
||||
} catch (error) {
|
||||
console.error(`Error: Failed to parse themes file: ${error.message}`);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* List all available themes from the configuration
|
||||
* @param {Object} themesConfig - The themes configuration object
|
||||
*/
|
||||
function listAvailableThemes(themesConfig) {
|
||||
const themes = Object.keys(themesConfig.themes || {});
|
||||
|
||||
if (themes.length === 0) {
|
||||
console.error("No themes found in wireframe-themes.json");
|
||||
return;
|
||||
}
|
||||
|
||||
console.log("\nAvailable themes:");
|
||||
themes.forEach((theme) => {
|
||||
console.log(` - ${theme}`);
|
||||
});
|
||||
console.log("");
|
||||
}
|
||||
|
||||
/**
|
||||
* Replace a color token with the corresponding theme color
|
||||
* @param {string} value - The color value (may be a token like "$primary")
|
||||
* @param {Object} themeColors - The color mapping for the selected theme
|
||||
* @returns {string} The resolved hex color or the original value if not a token
|
||||
*/
|
||||
function resolveColorToken(value, themeColors) {
|
||||
// Check if the value is a color token (starts with $)
|
||||
if (typeof value !== "string" || !value.startsWith("$")) {
|
||||
return value;
|
||||
}
|
||||
|
||||
// Extract the token name (remove the $ prefix)
|
||||
const tokenName = value.substring(1);
|
||||
|
||||
// Look up the color in the theme
|
||||
if (themeColors.hasOwnProperty(tokenName)) {
|
||||
return themeColors[tokenName];
|
||||
}
|
||||
|
||||
// Token not found in theme - warn but keep original
|
||||
console.warn(`Warning: Color token "${value}" not found in theme`);
|
||||
return value;
|
||||
}
|
||||
|
||||
/**
|
||||
* Recursively process an element and its children, replacing color tokens
|
||||
* @param {Object} element - An Excalidraw element
|
||||
* @param {Object} themeColors - The color mapping for the selected theme
|
||||
* @param {Object} stats - Statistics object to track replacements
|
||||
* @returns {Object} The element with colors replaced
|
||||
*/
|
||||
function processElement(element, themeColors, stats) {
|
||||
if (!element || typeof element !== "object") {
|
||||
return element;
|
||||
}
|
||||
|
||||
// Handle arrays (like the elements array or grouped elements)
|
||||
if (Array.isArray(element)) {
|
||||
return element.map((item) => processElement(item, themeColors, stats));
|
||||
}
|
||||
|
||||
// Process the current object
|
||||
const processed = { ...element };
|
||||
|
||||
// Check and replace color properties
|
||||
for (const prop of COLOR_PROPERTIES) {
|
||||
if (processed.hasOwnProperty(prop) && typeof processed[prop] === "string") {
|
||||
const originalValue = processed[prop];
|
||||
const newValue = resolveColorToken(originalValue, themeColors);
|
||||
|
||||
if (originalValue !== newValue) {
|
||||
processed[prop] = newValue;
|
||||
stats.replacements++;
|
||||
stats.details.push({
|
||||
property: prop,
|
||||
from: originalValue,
|
||||
to: newValue,
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Recursively process nested objects and arrays
|
||||
for (const key of Object.keys(processed)) {
|
||||
if (typeof processed[key] === "object" && processed[key] !== null) {
|
||||
processed[key] = processElement(processed[key], themeColors, stats);
|
||||
}
|
||||
}
|
||||
|
||||
return processed;
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate a default output filename based on input and theme
|
||||
* @param {string} inputFile - The input file path
|
||||
* @param {string} themeName - The theme name
|
||||
* @returns {string} The generated output file path
|
||||
*/
|
||||
function generateOutputFilename(inputFile, themeName) {
|
||||
const dir = path.dirname(inputFile);
|
||||
const ext = path.extname(inputFile);
|
||||
const base = path.basename(inputFile, ext);
|
||||
|
||||
return path.join(dir, `${base}-${themeName}${ext}`);
|
||||
}
|
||||
|
||||
/**
|
||||
* Display usage information
|
||||
*/
|
||||
function showUsage() {
|
||||
console.log(`
|
||||
Excalidraw Theme Applicator
|
||||
|
||||
Usage:
|
||||
node apply-theme.js <input.excalidraw> <theme-name> [output.excalidraw]
|
||||
|
||||
Arguments:
|
||||
input.excalidraw - Path to the input Excalidraw JSON file
|
||||
theme-name - Name of the theme to apply
|
||||
output.excalidraw - Optional output file path (default: input-themename.excalidraw)
|
||||
|
||||
Examples:
|
||||
node apply-theme.js wireframe.excalidraw orange-light
|
||||
node apply-theme.js wireframe.excalidraw blue-dark themed-wireframe.excalidraw
|
||||
|
||||
Color Tokens:
|
||||
The script replaces tokens like $background, $primary, etc. in strokeColor
|
||||
and backgroundColor properties with hex values from the selected theme.
|
||||
`);
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Main Script
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
function main() {
|
||||
// Parse command line arguments
|
||||
const args = process.argv.slice(2);
|
||||
|
||||
if (args.length < 2) {
|
||||
showUsage();
|
||||
|
||||
// Try to show available themes if the file exists
|
||||
if (fs.existsSync(THEMES_FILE)) {
|
||||
const themesConfig = loadThemes();
|
||||
listAvailableThemes(themesConfig);
|
||||
}
|
||||
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const inputFile = args[0];
|
||||
const themeName = args[1];
|
||||
const outputFile = args[2] || generateOutputFilename(inputFile, themeName);
|
||||
|
||||
// Validate input file exists
|
||||
if (!fs.existsSync(inputFile)) {
|
||||
console.error(`Error: Input file not found: ${inputFile}`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// Load themes configuration
|
||||
const themesConfig = loadThemes();
|
||||
|
||||
// Validate theme exists
|
||||
if (!themesConfig.themes || !themesConfig.themes[themeName]) {
|
||||
console.error(`Error: Theme "${themeName}" not found`);
|
||||
listAvailableThemes(themesConfig);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const themeColors = themesConfig.themes[themeName];
|
||||
|
||||
// Load and parse the Excalidraw file
|
||||
let excalidrawData;
|
||||
try {
|
||||
const content = fs.readFileSync(inputFile, "utf-8");
|
||||
excalidrawData = JSON.parse(content);
|
||||
} catch (error) {
|
||||
console.error(`Error: Failed to parse input file: ${error.message}`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// Track statistics
|
||||
const stats = {
|
||||
replacements: 0,
|
||||
details: [],
|
||||
};
|
||||
|
||||
// Process the Excalidraw data
|
||||
console.log(`Applying theme "${themeName}" to ${inputFile}...`);
|
||||
|
||||
const themedData = processElement(excalidrawData, themeColors, stats);
|
||||
|
||||
// Write the output file
|
||||
try {
|
||||
const outputContent = JSON.stringify(themedData, null, 2);
|
||||
fs.writeFileSync(outputFile, outputContent, "utf-8");
|
||||
} catch (error) {
|
||||
console.error(`Error: Failed to write output file: ${error.message}`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// Report results
|
||||
console.log(`\nTheme applied successfully!`);
|
||||
console.log(` Input: ${inputFile}`);
|
||||
console.log(` Output: ${outputFile}`);
|
||||
console.log(` Theme: ${themeName}`);
|
||||
console.log(` Replacements: ${stats.replacements}`);
|
||||
|
||||
if (stats.replacements > 0 && args.includes("--verbose")) {
|
||||
console.log("\nDetails:");
|
||||
stats.details.forEach((detail) => {
|
||||
console.log(` ${detail.property}: ${detail.from} -> ${detail.to}`);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Run the script
|
||||
main();
|
||||
@@ -0,0 +1,831 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 200,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 210,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 208,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-bg",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 290,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-shackle",
|
||||
"type": "rectangle",
|
||||
"x": 350,
|
||||
"y": 298,
|
||||
"width": 20,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": { "type": 3, "value": 10 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-body",
|
||||
"type": "rectangle",
|
||||
"x": 346,
|
||||
"y": 310,
|
||||
"width": 28,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "$muted-foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-keyhole",
|
||||
"type": "ellipse",
|
||||
"x": 356,
|
||||
"y": 316,
|
||||
"width": 8,
|
||||
"height": 8,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 370,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Forgot your password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 410,
|
||||
"width": 400,
|
||||
"height": 40,
|
||||
"text": "No worries! Enter your email address and we'll send you a link to reset your password.",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 478,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 502,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-icon",
|
||||
"type": "rectangle",
|
||||
"x": 172,
|
||||
"y": 516,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 514,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 570,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 582,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-line",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 658,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-top",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 654,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-bottom",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 662,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 344,
|
||||
"y": 650,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-underline",
|
||||
"type": "rectangle",
|
||||
"x": 344,
|
||||
"y": 668,
|
||||
"width": 92,
|
||||
"height": 1,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-border",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-icon",
|
||||
"type": "ellipse",
|
||||
"x": 180,
|
||||
"y": 740,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 20,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-check",
|
||||
"type": "rectangle",
|
||||
"x": 192,
|
||||
"y": 758,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-title",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 738,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Check your email",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-description",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 762,
|
||||
"width": 300,
|
||||
"height": 20,
|
||||
"text": "We've sent a password reset link to your email",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["success-state-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Secure access recovery",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Get back into your account quickly and securely with our password recovery system",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,811 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 120,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 128,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 200,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 240,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join an organization",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card-shadow",
|
||||
"type": "rectangle",
|
||||
"x": 163,
|
||||
"y": 303,
|
||||
"width": 394,
|
||||
"height": 264,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 5,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 16 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 300,
|
||||
"width": 400,
|
||||
"height": 270,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 16 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 328,
|
||||
"y": 332,
|
||||
"width": 64,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 16 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 328,
|
||||
"y": 352,
|
||||
"width": 64,
|
||||
"height": 24,
|
||||
"text": "AC",
|
||||
"fontSize": 22,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 420,
|
||||
"width": 400,
|
||||
"height": 28,
|
||||
"text": "Acme Corporation",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 456,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe (john@acmecorp.com)",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 492,
|
||||
"width": 100,
|
||||
"height": 28,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["role-badge-group"],
|
||||
"roundness": { "type": 3, "value": 14 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-icon",
|
||||
"type": "ellipse",
|
||||
"x": 322,
|
||||
"y": 500,
|
||||
"width": 12,
|
||||
"height": 12,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": ["role-badge-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 498,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["role-badge-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-expires-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 536,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "This invitation expires in 7 days",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 600,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-icon",
|
||||
"type": "ellipse",
|
||||
"x": 292,
|
||||
"y": 614,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 316,
|
||||
"y": 612,
|
||||
"width": 150,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["decline-button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 672,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["decline-button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-text",
|
||||
"type": "text",
|
||||
"x": 248,
|
||||
"y": 730,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-text",
|
||||
"type": "text",
|
||||
"x": 374,
|
||||
"y": 730,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Sign out",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-underline",
|
||||
"type": "rectangle",
|
||||
"x": 374,
|
||||
"y": 746,
|
||||
"width": 52,
|
||||
"height": 1,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logged-in-as-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 770,
|
||||
"width": 400,
|
||||
"height": 14,
|
||||
"text": "Logged in as user@example.com",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Collaborate with your team",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Share MCP configurations across your organization and work together seamlessly",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,231 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 200,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "description-text",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 350,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 580,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,311 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 120,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 458,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 590,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 640,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,351 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "rectangle",
|
||||
"x": 400,
|
||||
"y": 360,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 400,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 474,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 464,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 600,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,411 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 60,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 120,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-text",
|
||||
"type": "rectangle",
|
||||
"x": 230,
|
||||
"y": 420,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 524,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 660,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,891 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 110,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 112,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 170,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 172,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 230,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 232,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-item",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 780,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 790,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 792,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-user-avatar",
|
||||
"type": "rectangle",
|
||||
"x": 1388,
|
||||
"y": 16,
|
||||
"width": 32,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 16 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 1112,
|
||||
"height": 120,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 108,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 144,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle-2",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 168,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-icon",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 312,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-desc",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 368,
|
||||
"width": 280,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2",
|
||||
"type": "rectangle",
|
||||
"x": 680,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-icon",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-title",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 312,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-desc",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 368,
|
||||
"width": 260,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-button",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3",
|
||||
"type": "rectangle",
|
||||
"x": 1056,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-title",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 312,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-desc",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 368,
|
||||
"width": 280,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-button",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,711 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-1",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-active",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 280,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-general-active",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-security",
|
||||
"type": "rectangle",
|
||||
"x": 404,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-billing",
|
||||
"type": "rectangle",
|
||||
"x": 504,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 140,
|
||||
"width": 700,
|
||||
"height": 280,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 160,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-circle",
|
||||
"type": "ellipse",
|
||||
"x": 324,
|
||||
"y": 200,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-change-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 200,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 220,
|
||||
"width": 540,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 280,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 300,
|
||||
"width": 440,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "verified-badge",
|
||||
"type": "rectangle",
|
||||
"x": 900,
|
||||
"y": 308,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "save-profile-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 360,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 440,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 460,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-label",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 500,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-dropdown",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 520,
|
||||
"width": 300,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "dropdown-chevron",
|
||||
"type": "rectangle",
|
||||
"x": 588,
|
||||
"y": 532,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 600,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 620,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-description",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "delete-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 700,
|
||||
"width": 140,
|
||||
"height": 40,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,648 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "admin-badge-text",
|
||||
"type": "text",
|
||||
"x": 206,
|
||||
"y": 36,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-admin",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-users",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Users",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 216,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 226,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 226,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Organizations",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-customers",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 274,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 274,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Customers",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 324,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "nav-back",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 344,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 354,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 354,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Back to Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin User",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 60,
|
||||
"height": 18,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 86,
|
||||
"y": 860,
|
||||
"width": 40,
|
||||
"height": 14,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,724 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-platform",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AI Tools",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 228,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-manage",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 260,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 270,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 270,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Settings",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-3",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 320,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-dev",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 362,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 362,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Demos",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-bottom",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 700,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "nav-support",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 712,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 722,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 722,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Support",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 760,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 770,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 770,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Feedback",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "User Name",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,436 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 180,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 190,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 260,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 352,
|
||||
"y": 276,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["icon-group"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 380,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Enter your email to receive a reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 472,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-icon",
|
||||
"type": "rectangle",
|
||||
"x": 290,
|
||||
"y": 620,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 612,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["back-link-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,491 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 100,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 110,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 220,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 330,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "AC",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"text": "Acme Corp",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 460,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["role-badge-group"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 464,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["role-badge-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 610,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 660,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["links-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,711 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 90,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Welcome back",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in to your account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Enter your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-eye-icon",
|
||||
"type": "ellipse",
|
||||
"x": 488,
|
||||
"y": 374,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "text",
|
||||
"x": 400,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 472,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 526,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-google-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-google-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-github-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-github-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-apple-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-apple-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Don't have an account? Sign up",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,831 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 40,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 50,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$background",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 100,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Create account",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 136,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Get started for free",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["title-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Full name",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["name-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["name-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 212,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["name-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["email-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Create a password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Confirm password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["confirm-password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["confirm-password-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 452,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Confirm your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["confirm-password-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-text",
|
||||
"type": "text",
|
||||
"x": 230,
|
||||
"y": 500,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"text": "I agree to Terms of Service",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Create account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["button-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 606,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["divider-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-google-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-google-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-github-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-github-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-apple-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-apple-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 720,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Already have an account? Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$primary-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-branding-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "$muted-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,726 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 32,
|
||||
"width": 24,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 68,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "admin-badge-text",
|
||||
"type": "text",
|
||||
"x": 206,
|
||||
"y": 36,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-admin-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "section-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "ADMIN",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-home-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-users",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Users",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 216,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 226,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 226,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Organizations",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-customers",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 274,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 274,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Customers",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 324,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "nav-back",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 344,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-arrow",
|
||||
"type": "text",
|
||||
"x": 36,
|
||||
"y": 354,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "<-",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-back-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 354,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Back to Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar-initials",
|
||||
"type": "text",
|
||||
"x": 32,
|
||||
"y": 848,
|
||||
"width": 24,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AU",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin User",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 50,
|
||||
"height": 18,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 84,
|
||||
"y": 860,
|
||||
"width": 34,
|
||||
"height": 14,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "admin",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,788 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 32,
|
||||
"width": 24,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 68,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-platform-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "section-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "PLATFORM",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AI Tools",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 228,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-manage-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "section-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MANAGE",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 260,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 270,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 270,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Settings",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-3",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 320,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "section-label-dev-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 14,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "section-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "DEV",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-demos",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 362,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 362,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Demos",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-bottom",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 700,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "nav-support",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 712,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 722,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 722,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Support",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 760,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 770,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 770,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Feedback",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [[0, 0], [232, 0]]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar-initials",
|
||||
"type": "text",
|
||||
"x": 32,
|
||||
"y": 848,
|
||||
"width": 24,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "JD",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,968 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 200,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 210,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 208,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-bg",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 290,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-shackle",
|
||||
"type": "rectangle",
|
||||
"x": 350,
|
||||
"y": 298,
|
||||
"width": 20,
|
||||
"height": 14,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 10
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-body",
|
||||
"type": "rectangle",
|
||||
"x": 346,
|
||||
"y": 310,
|
||||
"width": 28,
|
||||
"height": 20,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "#737373",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-keyhole",
|
||||
"type": "ellipse",
|
||||
"x": 356,
|
||||
"y": 316,
|
||||
"width": 8,
|
||||
"height": 8,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 370,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Forgot your password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 410,
|
||||
"width": 400,
|
||||
"height": 40,
|
||||
"text": "No worries! Enter your email address and we'll send you a link to reset your password.",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 478,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 502,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-icon",
|
||||
"type": "rectangle",
|
||||
"x": 172,
|
||||
"y": 516,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 514,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 570,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 582,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-line",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 658,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-top",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 654,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-bottom",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 662,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 344,
|
||||
"y": 650,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-underline",
|
||||
"type": "rectangle",
|
||||
"x": 344,
|
||||
"y": 668,
|
||||
"width": 92,
|
||||
"height": 1,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-border",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-icon",
|
||||
"type": "ellipse",
|
||||
"x": 180,
|
||||
"y": 740,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 20,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-check",
|
||||
"type": "rectangle",
|
||||
"x": 192,
|
||||
"y": 758,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-title",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 738,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Check your email",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-description",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 762,
|
||||
"width": 300,
|
||||
"height": 20,
|
||||
"text": "We've sent a password reset link to your email",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Secure access recovery",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Get back into your account quickly and securely with our password recovery system",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,929 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 120,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 128,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 200,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 240,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join an organization",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card-shadow",
|
||||
"type": "rectangle",
|
||||
"x": 163,
|
||||
"y": 303,
|
||||
"width": 394,
|
||||
"height": 264,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 5,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 300,
|
||||
"width": 400,
|
||||
"height": 270,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 328,
|
||||
"y": 332,
|
||||
"width": 64,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 328,
|
||||
"y": 352,
|
||||
"width": 64,
|
||||
"height": 24,
|
||||
"text": "AC",
|
||||
"fontSize": 22,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 420,
|
||||
"width": 400,
|
||||
"height": 28,
|
||||
"text": "Acme Corporation",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 456,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe (john@acmecorp.com)",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 492,
|
||||
"width": 100,
|
||||
"height": 28,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 14
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-icon",
|
||||
"type": "ellipse",
|
||||
"x": 322,
|
||||
"y": 500,
|
||||
"width": 12,
|
||||
"height": 12,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 498,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-expires-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 536,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "This invitation expires in 7 days",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 600,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-icon",
|
||||
"type": "ellipse",
|
||||
"x": 292,
|
||||
"y": 614,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 316,
|
||||
"y": 612,
|
||||
"width": 150,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"decline-button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 672,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"decline-button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-text",
|
||||
"type": "text",
|
||||
"x": 248,
|
||||
"y": 730,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-text",
|
||||
"type": "text",
|
||||
"x": 374,
|
||||
"y": 730,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Sign out",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-underline",
|
||||
"type": "rectangle",
|
||||
"x": 374,
|
||||
"y": 746,
|
||||
"width": 52,
|
||||
"height": 1,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logged-in-as-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 770,
|
||||
"width": 400,
|
||||
"height": 14,
|
||||
"text": "Logged in as user@example.com",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Collaborate with your team",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Share MCP configurations across your organization and work together seamlessly",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,284 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 200,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "description-text",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 350,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 580,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,384 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 120,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 458,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 590,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 640,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,434 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "rectangle",
|
||||
"x": 400,
|
||||
"y": 360,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 400,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 474,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 464,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 600,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,509 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 60,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 120,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"terms-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-text",
|
||||
"type": "rectangle",
|
||||
"x": 230,
|
||||
"y": 420,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"terms-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 524,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 660,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,881 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-1",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-active",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 280,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"content-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-general-active",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"tabs-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-security",
|
||||
"type": "rectangle",
|
||||
"x": 404,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"tabs-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-billing",
|
||||
"type": "rectangle",
|
||||
"x": 504,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"tabs-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 140,
|
||||
"width": 700,
|
||||
"height": 280,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 160,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-circle",
|
||||
"type": "ellipse",
|
||||
"x": 324,
|
||||
"y": 200,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-change-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 200,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 220,
|
||||
"width": 540,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 280,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 300,
|
||||
"width": 440,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "verified-badge",
|
||||
"type": "rectangle",
|
||||
"x": 900,
|
||||
"y": 308,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "save-profile-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 360,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"profile-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 440,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"language-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 460,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"language-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-label",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 500,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [
|
||||
"language-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-dropdown",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 520,
|
||||
"width": 300,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"language-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "dropdown-chevron",
|
||||
"type": "rectangle",
|
||||
"x": 588,
|
||||
"y": 532,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"language-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 600,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"danger-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 620,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"danger-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-description",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"danger-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "delete-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 700,
|
||||
"width": 140,
|
||||
"height": 40,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"danger-section"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,785 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "admin-badge-text",
|
||||
"type": "text",
|
||||
"x": 206,
|
||||
"y": 36,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-admin",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-users",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Users",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 216,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 226,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 226,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Organizations",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-customers",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 274,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 274,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Customers",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 324,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-back",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 344,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-back"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 354,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-back"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 354,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-back"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Back to Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin User",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 60,
|
||||
"height": 18,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 86,
|
||||
"y": 860,
|
||||
"width": 40,
|
||||
"height": 14,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,886 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-platform",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AI Tools",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 228,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-manage",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-manage"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 260,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-manage"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 270,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-manage"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 270,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-manage"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Settings",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-3",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 320,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-dev",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-dev"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-dev"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 362,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-dev"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 362,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-dev"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Demos",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-bottom",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 700,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-support",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 712,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 722,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 722,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Support",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 760,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 770,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 770,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Feedback",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "User Name",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,499 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 180,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 190,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 260,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 352,
|
||||
"y": 276,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 380,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Enter your email to receive a reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 472,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-icon",
|
||||
"type": "rectangle",
|
||||
"x": 290,
|
||||
"y": 620,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 612,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,558 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 100,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 110,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 220,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 330,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "AC",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"text": "Acme Corp",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 460,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 464,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 610,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 660,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,813 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 90,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Welcome back",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in to your account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Enter your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-eye-icon",
|
||||
"type": "ellipse",
|
||||
"x": 488,
|
||||
"y": 374,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "text",
|
||||
"x": 400,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 472,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 526,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Don't have an account? Sign up",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,949 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"left-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 40,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 50,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 100,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Create account",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 136,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Get started for free",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Full name",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 212,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Create a password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Confirm password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 452,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Confirm your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"terms-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-text",
|
||||
"type": "text",
|
||||
"x": 230,
|
||||
"y": 500,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"text": "I agree to Terms of Service",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"terms-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Create account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 606,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 720,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Already have an account? Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user