Design
WebsiteGitHubGitBook
  • ✍️Design Intro
    • Gameplay Summary
    • Art Style
  • 🕹️Basic Game Mechanics
    • 🖥️User Interface
      • Server Hub
      • Server Lobby
        • Edit Character
      • Game
        • Player HUD
        • In-game Settings
        • Inventory
        • Radial Menu
        • Misc. UI Elements
        • Windows
    • 🎮Controls
    • 🔦Field of Vision
    • 🔍Examine
    • 🖐️Interactions
      • Move
      • Activate
      • Access
    • ⏳Rounds
  • 🛰️Environment
    • 🗺️Tilemaps
      • Stations
      • Planets
      • Tile Objects
        • Airlocks
    • ☁️Atmospherics
      • Gas Substances
    • 🧩Connectables
      • Basic Adjacency Connections
      • Advanced Adjacency Connections
      • Window Divider Adjacency Connections
      • Counter Adjacency Connections
      • Directional Adjacency Connections
      • Disposal Adjacency Connections
        • Disposal Furniture Connections
      • Pipe Adjacency Connections
        • Pipe Furniture Connections
      • Transit Tube Adjacency Connections
      • Wire Adjacency Connections
      • Airlock Adjacency Connections
    • 🏗️Construction
      • Construction Recipes
        • Walls / Windows
        • Doors
      • Menu and User Case
      • Propositions and Suggestions
    • 🔓Crew Access
    • ⚡Electricity
      • Power Grid
    • 📞Communication Systems
  • 👫Entities
    • 🎥Roles
      • 📋Crew
        • Nanotrasen
        • Command
        • Security
        • Engineering
        • Medical
        • Science
        • Supply
        • Civilian
        • Silicons
      • Antagonists
        • Primary Antags
        • Secondary Antags
      • Ghosts
    • 🧙‍♂️Characters
      • Player Characters
      • NPCs
    • 🌡️Health
      • Stamina
      • Damage
      • Body Systems
        • Organs
          • Lungs
          • Heart
        • Blood
        • Oxygen
        • Pain
        • Death
        • Body parts volume
      • Healing
        • Surgery
    • ⚔️Combat
      • Combat Mode
        • Help
        • Harm
        • Grab
        • Hold
        • Push
        • Toss and Throw
        • Items
          • Melee
          • Ranged
      • Melee combat
  • 🔦Items
    • 📌Hold Positions
    • 🍕Food
    • 🧰Containers
  • 🎬Actions
    • 🛠️Crafting
      • Makeshift, simple Crafting
      • Advanced Crafting
      • Specialized Crafting
    • ⚗️Chemistry
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. Basic Game Mechanics

User Interface

PreviousBasic Game MechanicsNextServer Hub

Last updated 1 year ago

Was this helpful?

This page is for the design of the User Interface overall. For info on designing art assets for UI elements, see . For info on the implementation of the UI, see .

User Interface is broken up into 3 sections; the , the , and the itself.

Style

Text elements should be white as a general rule, and always be incased into a block of semi-transparent dark background with rounded edges. When colored (in chat or in case of warnings) text should be bright enough to be readable on the dark background, distinct enough from white text and slightly desaturated.

Fonts used are available in the project’s art GitHub repo.

The follow pages use concept images and ideas; please ignore wrong backgrounds, fonts, and/or icons...

🕹️
🖥️
Server Hub
Server Lobby
Game
here
here