Spades Help Center

A guide to everything on the site. Search or browse below.

Creating an Account

Hit the "Log in" button up in the top right, then click "Register" to sign up with an email and password. After you submit the form, a one-time verification code gets sent to your inbox - type it in and you're in. Make sure to pick a password you'll actually remember, since there's a full password reset flow if you ever lose it. If you're coming from the old Google sign-in, no worries - you'll be walked through setting up a proper password the first time you log in so you can keep using your account without missing a beat.

Setting Up Your Profile

Once you're logged in, click your avatar in the top-right corner to open your profile settings. This is where you'll set your username (the name everyone else sees), upload a profile picture and banner image, add your pronouns, and write a short bio about yourself. You can also pick an accent color that runs through the whole site - it'll follow you everywhere, from the buttons to the links. Your username has to be unique and can't have spaces in it, so pick something that feels like yours.

Account Setup Flow

If you're a returning user who used to log in with Google, the site will automatically send you to a setup page the first time you visit after the switch. All you do is type in a new password, confirm it, and you're done - your account keeps all its characters, galleries, and everything else intact. You won't see this page again once it's finished.

Creating a Character

Click the "New Character" button in the top bar to get started. The only thing you absolutely have to fill in is a name - everything else is optional, so you can start simple and flesh things out over time. Beyond the basics like nickname, pronouns, avatar, species, age, and gender, there are dozens of optional fields covering everything from birthday and birthplace to zodiac sign, MBTI, fighting style, fears, allergies, and favorite foods. You don't have to use any of them if you don't want to. There's also a section for custom fields - these let you add your own labels and values, so if you have a field that doesn't fit into any of the built-in categories, you can just make it yourself. It's your character, after all.

Character Codes

Every character you create gets assigned a unique short code automatically - something like "char_abc123" - that shows up in the URL when you view the character. This is what makes sharing easy: you can copy that URL and send it to anyone, and if the character is public, they'll be able to see it without needing an account. If it's private, only you (and site admins) can view it. The code sticks around even if you rename the character, so old links keep working.

Editing a Character

Got changes to make? Open up the character's profile page and look for the "Edit" button in the toolbar - it's got a pencil icon. That takes you right back into the editor where you can tweak fields, rewrite the bio, swap out the avatar, adjust the appearance, and so on. You can also start editing directly from the character grid by clicking the pencil icon that appears on each card.

Deleting a Character

If you want to completely remove a character, open their profile, click "Delete" in the toolbar, and confirm. This wipes everything tied to that character - galleries, sections, links, items, the works - and there's no undo. Take a second to make sure that's what you actually want before confirming, because once it's gone, it's gone for good.

Public vs Private

Right on the character profile toolbar there's a toggle that flips between "Public" and "Private." Public characters show up in the Explore feed and the user directory for everyone to discover, while private ones stay hidden from other users. You can switch back and forth whenever you want - making a character public doesn't lock anything in. It's a good way to keep work-in-progress characters private until they're ready to share.

Character Folders

The sidebar on the home page is where your folders live. Folders are just a way to group characters together - by world, by story, by whatever makes sense to you. You can create as many as you want, rename them, give them colors and symbols, and drag characters in and out. When you're looking at a specific folder, only the characters in that folder show up in the grid, which makes it easier to find what you're looking for when your roster gets big.

Sorting & Grid

The toolbar above your character grid has controls for how many columns to display and how to sort things. You can sort manually (and then drag characters around to reorder them), by name alphabetically, by creation date, by last updated, or even by which character has the most gallery images. These preferences get saved to your profile, so they stick around next time you come back. You can also change how many characters show per page if you've got a lot of them.

Bulk Actions

If you need to do the same thing to a bunch of characters at once - move them all to a folder, change their visibility, or delete them - click "Select" in the toolbar. That puts the grid into selection mode where you can check off characters one by one or hit "All" to grab everything on the page. A bulk action bar pops up at the bottom with your options. Hit "Cancel" when you're done to exit selection mode.

Profile Layouts

There are ten different layout presets to choose from, and they each change how the profile page is structured. Classic gives you a sidebar with character info on the left and tabs on the right. Centered puts everything in a single column in the middle of the page. Wide Sidebar is like Classic but with a wider info panel. Minimal strips things down to just a small header bar. Right Sidebar flips Classic around. Spotlight puts a big circular avatar front and center. Compact uses a narrow sidebar with tighter spacing. Immersive fills the top of the page with a large hero image. Full-Width stretches everything edge to edge. Pullout Sidebar hides the info panel behind a slide-out drawer. Pick whichever one fits the character's vibe.

Profile Customization

Click the palette icon in the profile toolbar to open the appearance editor. From there you can change the accent color, pick a background (solid color, gradient, or a full image with an overlay), set text and muted text colors, choose a body/card overlay color, pick a font, and even adjust the border radius of everything on the page. If you want to go really deep, you can hide specific tabs, show or hide the background box, and switch between horizontal tabs on top or vertical tabs on the side. Every change updates the profile live so you can see how it looks as you go.

Tabs Overview

Character profiles are organized into tabs: Bio (the main description), Refs (reference images), Additional Information (custom sections), Belongings (items the character owns), Links (relationships), Graph (visual relationship network), Timeline (life events), Galleries (image collections), Sub Profiles (alternate forms), Playlist (music), Dress-Up (games), and Comments. You don't have to use all of them - you can hide any tab you don't need from the tab visibility editor, and it'll disappear from the profile completely. Tabs with content show a little count badge so you know what's there at a glance.

Bio Tab

This is the main body of the character profile. It's a rich text editor (Quill), so you get full formatting control - bold, italic, headings, lists, links, images, you name it. You can write as much or as little as you want. If your bio gets really long, you can upload it as an HTML file instead and the profile will load it from there, which keeps the character record from getting too bloated. The bio respects your custom text colors if you've set them.

Refs Tab

Short for "references" - this tab is where you put reference sheets and design images. Upload full-body references, color palette guides, detail close-ups, outfit sheets, whatever helps show off the character's design. These are separate from gallery images, which are more about art collection than design documentation.

Additional Information

This tab holds custom sections you create yourself. Each section has a title and its own HTML content area, so you can write about the character's backstory, personality, combat abilities, or anything else that doesn't fit in the standard fields. You can add as many sections as you want, drag to reorder them, and toggle each one visible or hidden. When you're managing sections, you get an editor view; when you're done, switch back to the display view and everything shows up cleanly.

Belongings Tab

Keep track of the stuff your character carries around or owns. Items are split into three categories: outfits (things they wear), possessions (things they have), and discoveries (things they've found). Each item gets a name, description, and optional image. This is handy for keeping a consistent inventory across stories or roleplay - you always know what your character has on them.

Links Tab

Links are how you connect characters to each other. You create a link by picking another character (yours or someone else's) and giving the relationship a label - friend, rival, sibling, partner, mentor, whatever fits. Links can go one direction or both, and you can add notes about the relationship. If you're linking to someone else's character, it sends them a request they have to approve first. There are several display modes for how links show up: simple just shows the name and relationship type, descriptive adds notes, full-area shows comments from both characters about each other, and complex adds stats and internal thoughts.

Graph Tab

This gives you a visual map of all the character's relationships. Every connected character shows up as a node, and each relationship is a line between them. You can customize the color, thickness, and style (solid, dotted, dashed, or outline) of each line. It's a good way to see the shape of a character's social world at a glance, especially when they have a lot of connections.

Timeline Tab

Build a chronological history of your character's life. Each event has a title, description, a date label (which can be an actual date or something looser like "Age 16" or "Year 304"), and an event type (milestone, birth, death, achievement, trauma, discovery). Events sort in order, and each type gets its own color so you can spot patterns at a glance. Only the character owner can add or edit events, but anyone viewing the profile can see them.

Galleries Tab

You can create multiple galleries per character - maybe one for official art, one for fan art, one for sketches, whatever makes sense. Inside each gallery you upload images, videos, or text files. You can tag images with categories like Fullbody, Halfbody, Headshot, Chibi, or Reference so they're easy to sort through, and you can add credit links to make sure the original artists get their due. Click into any gallery to view it full-page with a larger image viewer.

Sub Profiles

Sub profiles are alternate versions of your character - think "Battle Form," "Human AU," "Young version," or any other variant. Each sub profile has its own avatar, bio, custom fields, and appearance settings, but it's attached to the parent character so visitors can navigate between them easily. This is great for characters who transform, have alternate universe versions, or just need to show different sides of themselves.

Playlist Tab

Add a soundtrack to your character by embedding Spotify or YouTube links. You can add individual tracks, full albums, or entire playlists, and give each one a custom label. The embedded player shows up right on the profile so visitors can listen while they read. It's a nice way to set the mood - sometimes a song says more about a character than a paragraph of description.

Dress-Up Tab

If you've made a dress-up game for this character (or want to), this is where it lives. Owners can create a new game right from this tab or link an existing unlinked one. Published games show up with a play button for visitors to try out. See the Dress-Up Games section below for the full guide on building and playing them.

Comments Tab

Let other users leave public comments on your character profile. Comments are sorted newest-first, and anyone with an account can post. You'll get a notification whenever someone comments, so you don't have to keep checking. If a comment is spammy or inappropriate, you or an admin can delete it.

Custom CSS

For advanced users who want full control over how their character profile looks, you can inject custom CSS directly into the page. Short snippets can be typed right into the CSS editor; if you've got a large stylesheet, upload it as a file instead. This is powerful - you can override nearly anything about how the profile renders - but it also means you can accidentally break the layout if you're not careful. If something goes wrong, just clear the CSS and you're back to normal.

Status Tags

Set a status tag on your character to let people know what they're open to. The options are: Open for Roleplay, Open for Trades, Open for Offers, Closed, or None. The tag shows up as a colored badge on both the character card (in grids) and the profile page itself, so anyone browsing can tell at a glance whether this character is available for offers, RP, or off-limits.

Stickers

You can place image stickers anywhere on the Bio tab - think of them like decorating with little graphics. Drag stickers around to position them, grab the corner to resize, use the top handle to rotate, and flip them horizontally or vertically. You can also add hover text that shows up in a little thought-bubble tooltip when someone mouses over the sticker. Upload your own images or pull from your gallery items. Stickers layer on top of each other, and you can control which one's in front by bringing it forward or sending it backward.

Share Button

The Share button copies a direct link to the character profile to your clipboard - handy for posting on Discord, sending to a friend, or linking from another site. If you've enabled custom social media metadata, the link will show a rich preview with your custom title, description, and image when shared on platforms like Discord, Twitter, or Slack.

NSFW & Content Warnings

If a character has mature content, mark them as NSFW - that restricts viewing to users who've confirmed they're 18 or older, so you don't have to worry about the wrong people seeing it. You can also add content warning tags like "gore," "violence," "bright colors," or anything else relevant. These show up as badges on the profile so visitors know what they're getting into before they scroll down.

Watermarks

Turn on watermarking for gallery images to help protect your art from being swiped and reposted without credit. This overlays a watermark on your images when they're displayed on the site.

Design Credits

If you didn't design the character yourself - maybe you adopted them, commissioned the design, or bought them from someone - you can add credit info in the metadata section. This shows up on the profile so the original designer gets proper attribution.

Creating a World

Head over to the Worlds page and hit "New World." Give it a name, write up a description (which can be full HTML, so you can format it however you like), and upload a cover image. You can also set tags, pick an accent color for the world's theme, and customize the background of the world detail page. Once a world exists, you can associate characters with it and start building out the setting in depth.

World Sections

Just like character profiles have custom sections, worlds have them too. Create sections for your world's lore, history, geography, magic systems, political structure - whatever you need. Each section is a titled block of HTML content, and they're collapsible and reorderable. This is where the bulk of your worldbuilding text will live.

World Species

Define the species that exist in your world. Each species gets its own profile with a description, image, key traits, and default traits that auto-apply to characters of that species. Species profiles have their own color and background customization, so you can make each one visually distinct. You can also attach specific characters to a species so it's easy to see who belongs to what.

World Cultures

Create detailed culture profiles within your world. Each culture can have an image, custom fields (for things like language, religion, traditions, government), and its own sections for longer descriptions. This is good for worlds with multiple distinct civilizations or social groups.

World Locations

Add specific locations to your world - cities, landmarks, dungeons, whatever. Each location has a description and image, and locations can be linked to markers on your world maps so visitors can click a spot on the map and jump to the location's details.

World Maps

Build interactive maps for your world. Start with a background image (your actual map art), then add a grid overlay (square or hex), fog of war (which hides areas until you reveal them), markers (pins that can link to characters, locations, or events), draggable image overlays, regions (colored polygon areas), paths (lines connecting points), and text labels. Markers can use custom icons instead of the default pins. This is a full mapping tool, not just a static image.

World Timeline

Create a chronological timeline of your world's history. Events have dates and descriptions, and they sort in order. This is separate from character timelines - it's for world-level events like wars, founding of nations, natural disasters, and so on.

Collaborators & Members

If you're building a world with other people, you can invite them by username. Collaborators can edit the world (add sections, species, maps, etc.) but can't delete it. Members can view the world and submit their own characters to it. This makes it easy to run a shared worldbuilding project or an RP group with multiple contributors.

Creating Links

On any character's Links tab, click "Add Link" to start a new relationship. Pick the target character (it can be one of your own or someone else's), type in a relationship label like "friend," "rival," or "sibling," and save. The link shows up on both characters' profiles. You can add notes about the relationship, choose a display mode, and customize how the link line looks in the graph view.

Cross-User Links

When you try to link your character to someone else's character, it doesn't happen instantly - it sends them a link request. They'll get a notification, and they can approve or reject it. If they approve, the relationship goes live on both profiles. If they reject it, nothing happens. This keeps people from creating unwanted relationships with characters they don't own.

Link Display Modes

You have four ways to show a relationship: Simple just displays the linked character's name and the relationship type - clean and minimal. Descriptive adds a text note about the relationship. Full-Area is more elaborate, with separate comments from each character about the other (so both perspectives show up). Complex goes further with per-character stats and internal thoughts - kind of like a mini character study for the relationship. Pick whichever level of detail fits the connection.

Link Styling

In the graph view, each relationship line can be styled individually. Pick a color for the line, set its thickness, choose a line style (solid, dotted, dashed, or outline), and give the relationship a "ship name" that displays as a header. This lets you visually distinguish different types of relationships at a glance - family links might be one color, romantic ones another, rivalries a third.

All Links Page

The Links page (in the nav bar) gives you a bird's-eye view of every relationship across all your characters. You can filter and search through them, edit link details, or delete ones you don't need anymore - all from one place, instead of hopping between individual character profiles.

Creating Galleries

On the Galleries tab of a character profile, you can set up multiple separate galleries. This is useful for organizing different types of art - one for official commissioned pieces, one for fan art you've received, one for your own sketches, one for references. Each gallery is its own collection with its own items, so things stay tidy.

Uploading Images

Inside any gallery, use the upload button to add images, videos, or text files. Files are stored securely on the platform, and you can add titles and descriptions to each one. If you've got a lot to upload, you can do them one after another without waiting for each to finish.

Image Tags

Tag your gallery images with categories like Fullbody, Halfbody, Headshot, Chibi, or Reference. These tags make it easy for visitors (and you) to filter and find specific types of images without scrolling through everything. Tags are freeform, so you can make up your own if the defaults don't cover what you need.

Artist Credits

Every gallery item has a credit link field where you can put a URL to the original artist's page, portfolio, or social media. This is important if you commissioned the piece or if someone drew fan art for you - it makes sure proper credit is always visible right alongside the image.

Gallery View

Click into any gallery to see it on its own dedicated page with a larger, lightbox-style image viewer. This is the full-screen way to browse through a gallery's contents without the rest of the character profile cluttering things up.

Creating a Dress-Up Game

You can start a new dress-up game from the Dress-Up tab on a character profile, or by going directly to the dress-up editor. Give it a title and description, upload a base image (this is the character's body that all items layer on top of), and it'll automatically get a shareable game code. The base image is the foundation - everything else sits on top of it, so pick something clean and neutral.

Categories

Categories are how you organize items - think "Hair," "Tops," "Bottoms," "Accessories," "Backgrounds," and so on. You can make as many categories as you want. Each one has a selection mode: single means you can only have one item from that category equipped at a time (like hair - you don't wear two hairstyles), while multi lets you stack multiple items (like accessories). You can also set the z-index (which category renders on top) and the sort order (which tab appears first).

Items

Items are the individual things you can equip - a specific shirt, a particular pair of glasses, a background image. Each item needs an image file (a transparent PNG works best). Beyond that, you can set a z-index for layering, mark an item as default-equipped (so it's on when the game loads), hide it from the picker, lock it, flag it as a favorite, add tags, assign a color label, and write notes. Items with transparent backgrounds layer seamlessly on top of the base image and each other.

Background Customization

The game's background can be set to none (transparent), a solid color, a CSS gradient, an image, or a stripe pattern. If you're using an image background, you can add a color overlay on top of it to dim it or tint it. This is separate from the base character image - the background sits behind everything.

UI Theming

You get full control over how the game's interface looks. Set the page background color, header bar color, main text color, muted text color, accent color (used for selected items and active buttons), button colors, side panel color, border color, item card background, equipped item ring color, border radius for everything, and the font family. You can also set header text alignment. This means a dress-up game can be themed to match a specific character's aesthetic - spooky, cute, retro, whatever fits.

Publishing

Games start unpublished, which means only you can see and test them. Once you're happy with how everything looks and works, toggle "Published" to make it publicly playable. Share the game code or the play URL, and anyone can visit the game and start dressing up your character. You can unpublish at any time to take it offline.

Playing Games

When you visit a published game (at /play/dressup/:gameCode), you'll see the base character image in the center with a panel of categories and items to choose from. Click an item to equip it - it'll show up on the character. In single-select categories, equipping a new item automatically unequips the previous one. In multi-select categories, items stack on top of each other. Click an equipped item again to remove it. It's intuitive once you start clicking around.

Linking Games

If you created a dress-up game without attaching it to a character, you can link it later from the character's Dress-Up tab. There's a "Link Game" dialog that shows your unlinked games - pick the one you want and it gets attached to the character. This is handy if you built a game first and then realized you wanted it on a specific character's profile.

Starring Characters

See a character you love? Click the star icon on their profile (or on their card in a grid) to add them to your favorites. Your starred characters all show up on your Starred page, so you can find them again without hunting. You can star characters on other people's profiles, not just your own.

Star Folders

Organize your starred characters into folders - kind of like bookmarks collections. Create folders like "Inspiration," "Dreamies," "Watchlist," or whatever categories make sense to you, then sort starred characters into them. This keeps your favorites from becoming one big unsorted pile.

Receiving Stars

When someone stars one of your characters, you'll get a notification about it. It's a nice way to see who's appreciating your work. The notifications page shows all your recent stars so you can keep track of what's getting attention.

Explore Page

The Explore page is where you browse all the public characters on Spades. Filter by tags or species, sort by newest or most starred, and discover characters and creators you haven't seen before. It's a great way to find inspiration, meet people with similar character types, or just kill some time looking at cool designs.

User Directory

Browse all the users on Spades from the Users page. Click anyone's name to visit their public profile, where you'll see their avatar, banner, bio, and a grid of their public characters. It's how you find new people to follow or check out someone's full roster.

Public Profiles

Every user gets a public profile page at /user/:username. This shows your display name, avatar, banner, bio, and a grid of your public characters. The layout, colors, and font of your public profile are customizable from your profile settings. Visitors don't need an account to view public profiles.

Comments

You can leave comments on any public character profile. Comments are public - everyone can see them - and they're sorted with the newest ones at the top. The character owner gets a notification whenever someone new comments, so they'll see it. Comments can be deleted by the commenter, the character owner, or admins if something needs to come down.

Notifications

The notifications page (bell icon in the nav, or /notifications) collects everything that's happened related to your account: stars, comments, and link requests. You can mark notifications as read individually, and they're sorted by recency. It's worth checking periodically so you don't miss someone trying to connect with you.

Messages

Send direct messages to other users from the Messages page at /messages. It's a straightforward inbox - see your conversations, reply, and start new ones. This is for private one-on-one communication, as opposed to the public comments on character profiles.

Forum

The forum is an admin-only feature for community discussions. Admins can create threads and reply to existing ones. It's accessible from the Forum nav item if you're an admin. This is where site-wide announcements and community discussions happen.

Profile Templates

Browse a collection of pre-made profile templates that you can apply to your characters for instant styling. Preview how each one looks before committing, and apply with a single click. Templates are a fast way to give a character a polished look without spending time in the appearance editor - someone's already done the design work for you.

CSS Snippets

Admins create CSS snippet templates that anyone can apply to their character profiles. Each snippet does something specific - maybe it adds a hover effect, changes how sections collapse, or restyles the gallery grid. Browse the available snippets, see what they do, and apply the ones you like. The use count tells you how popular each one is.

Color Palette Generator

Stuck on what colors to use for a character profile or dress-up game? The color palette generator creates harmonious color sets for you. It's a good starting point if you know the vibe you want but can't quite nail down the exact hex values.

Notes Tool

Create personal sticky notes that live on your profile. Notes can have custom colors, fonts, background images, and gradients - they're fully customizable little cards. You can link a note to a specific character, world, species, or location so it's contextual - like a reminder about a specific character's backstory or a todo for a world you're building. Notes show up on the relevant character profiles too, if they're linked.

Todo List

There's a built-in todo list to track tasks. You can link todos to specific characters and notes for extra context - like "finish reference sheet for Character X" or "write bio for Character Y." It's a lightweight project management tool right in the app.

Username & Avatar

Your username is your identity on Spades - it's what shows up in the user directory, on your public profile URL, and in notifications. It has to be unique and can't contain spaces. Your avatar and banner image are the visual identity that appears on your public profile and next to your name in lists. Pick something that represents you.

Bio & Pronouns

Write a bio about yourself - it can be plain text or full HTML if you want to get fancy with formatting. If it's long, upload it as an HTML file instead. Your pronouns show up on your public profile so other users know how to refer to you. Both are optional, but they help people get to know you.

Profile Customization

Your public profile page is customizable just like character profiles. Set an accent color, background color, text color, font, and pick a layout preset (centered, left-aligned, right-aligned, or full-width variants). You can also inject custom CSS for advanced styling. These settings only affect your public profile - the rest of the site uses your site-wide accent color.

Grid Preferences

Save your default grid column count and sort order for both your home character grid and your public profile grid. Once set, these preferences load automatically every time you visit those pages - no need to reconfigure each time. You can always change them on the fly from the grid toolbar.

Public Folders

Choose which of your character folders are visible on your public profile. When someone visits your profile, they'll see the folders you've made public, and they can browse your characters organized by those folders. Private folders stay hidden. This is synced from your private folder list when you save your profile settings.

Accent Color

The accent color picker in the top bar sets your site-wide color theme. Pick any color and it gets applied to buttons, links, active states, and highlights across every page. It persists in your browser, so it'll be there next time you come back. You can change it as often as you like - it's purely a personal preference and doesn't affect what other users see.

Admin Panel

Admins get access to a dedicated Admin Panel for managing the site. This includes user management (roles, invites), content moderation, and site-level tools. The Admin nav item only appears for users with the admin role.

CSS Snippet Management

Admins can create, edit, and delete CSS snippet templates that are available to all users for profile styling. This is how the site-wide snippet library stays curated - admins add good ones and remove broken or outdated ones.

User Management

Admins can change user roles (between admin and regular user), invite new users to the platform by email, and perform administrative actions on user accounts when needed. Inviting a user sends them an email with a signup link tied to the role you choose.

Share Button

Click the Share button on any character profile and it copies a direct link to that character straight to your clipboard. Paste it anywhere - Discord, Twitter, a chat, wherever - and people can click through to view the character. If the character is public, anyone can see it; if private, they'll need to be logged in as the owner or an admin.

Social Media Metadata

Turn on custom metadata for a character and you control exactly how the link looks when shared on Discord, Twitter, Slack, and other platforms. Set a custom title (what shows up as the link heading), description (the text below it), and preview image (the thumbnail). You can also pick the Open Graph type and Twitter card type (summary or summary with large image). Without custom metadata, the defaults are used - the character's name as the title and their avatar as the image.

Canonical URLs

Set a custom canonical URL for SEO purposes. This tells search engines what the "official" URL for the page is, which can help with duplicate content issues. If you leave it blank, it defaults to the character's standard Spades URL. Most users won't need to touch this.

Search Engine Indexing

Control whether search engines like Google can index your character page. Set it to "noindex" and search engines will be told not to include it in search results. Set it to "index" (the default) and they can. This is useful if you want a character to be public on Spades but not show up in Google searches.

Offline Support

Spades has a service worker that caches pages you've visited, so you can keep browsing characters and profiles even when your internet drops. An offline indicator appears at the top of the screen to let you know when you're disconnected. You won't be able to load new pages you haven't visited before or make changes while offline, but everything you've already seen stays accessible.

Mobile Navigation

On phones and small screens, the top nav bar turns into a bottom navigation bar with icons and labels for the main pages. This makes it easy to get around with your thumb. The rest of the layout adapts too - grids collapse to fewer columns, sidebars become slide-out panels, and the touch targets are sized appropriately for fingers.

Responsive Design

Every page on Spades adapts to whatever screen size you're using - phone, tablet, or desktop. Character profiles reflow their layouts, the dress-up game player adjusts its panel arrangement, and editors remain usable on touch devices. You shouldn't need to pinch-to-zoom or scroll sideways on any page.

Can't find what you're looking for? Contact support from your profile settings.