Animated Structs logo with glitching

Structs UI

Text

Display Class - Used For Large Titles.
Size: 16px line-height: 24px

Display <h1> - Used For Large Titles.
Size: 16px line-height: 24px

Header Class - Used For Small Headers and Labels.
Size: 8px line-height: 16px

Header <h2> - Used For Small Headers and Labels.
Size: 8px line-height: 16px

Paragraph Class - Used for body text
Size: 16px Line-height: 20px

Paragraph <body> - Used for body text
Size: 16px Line-height: 20px

Tiny text Class - Used for legal or other fine print.
Size 8px Line-height: 12px

Ticker Class - Used for the ticker.
Size 12px Line-height: 16px

Icons

Icon Font

Full Color

Base Size: 16 x 16 px
Display Size: 32 x 32 px

Base Size: 16 x 16 px
Display Size: 32 x 32 px

Base Size: 12 x 12 px
Display Size: 24 x 24 px

Base Size: 12 x 12 px
Display Size: 24 x 24 px

Base Size: 8 x 8 px
Display Size: 8 x 8 px

Panel Buttons

Cheatsheet

Cheatsheet Name
2
A description of the ability or Struct
Smart Weapon
Ballistic Weapon
2 DMG
1 DMG (+1 vs )
Weapon Name
2 DMG
Weapon Name
2 DMG
Counter Attack
2 DMG
Ability
Rail Gun
Ballistic Weapon
2 DMG
Adv. Counter
Retaliates against attacking Structs. Deals extra DMG to enemies in the same Battleground.
1 DMG (+1 vs )
Move
Moves the Command Ship between Battlegrounds
Move
Moves the Command Ship between Battlegrounds
Stealth Bomber
2
Anti-Matter Bomb
2 DMG
Counter Attack
2 DMG
Stealth Mode

Screen Buttons

Button Details and Variations

Navigation Buttons

Panels

Profile
Actions
Profile
Actions
Profile
Actions
Profile
Actions
Actions
Profile
Profile
Actions

Screens

Navigation Screen

Title Variant

Login

Non-Dismissible Variant

Structs

Properties Screen

Info Screen

Information
Information
Information
Information

Dialogue Screen

Struct Command: Please stop doing shit wrong. Do it right instead.
Struct Command: Please stop doing shit wrong. Do it right instead.
Struct Command: Please stop doing shit wrong. Do it right instead.

Portrait Screen

Indicator Screen

Battery Screen

Action Bar

Information
Information
Information
Information

Dialogue Panel

Struct Command: Please stop doing stuff wrong. Do it right instead.
Please stop.
Please stop.
Struct Command: Please stop doing stuff wrong. Do it right instead.
Struct Command: Please stop doing stuff wrong. Do it right instead. Please stop doing stuff wrong. Do it right instead.

Page Elements

Page Header

Tooltip

Tooltips display 1 - 2 sentences of information.

Resources

Result Rows

[TAG] ABSTRACT
PID #7283
01
View
[TAG] ABSTRACT
Fleet Away
01
02
View
Non-Player Address
02
View
SN.CORPORATION
1.12k
1.12k
View
Transaction #00134
Completed
1.12k
View

Table Format

[TAG] ABSTRACT
Fleet Away
01
02
View
[TAG] ABSTRACT
Fleet Away
01
02
View
[TAG] THEDEVILSROBOT
On Station
01
02
View
[TAG] Abstract
On Station
01
02
View
[TAG] Abstract
Fleet Away
01
02
View

Badges

Fleet Away
On Station
Fleet

Form Elements

You did it wrong.

Page Layout

[TAG] ABSTRACT
PID #7283
01
View
[TAG] DETHMASHENE
PID #7283
01
View
[TAG] TXUE
PID #7283
01
View
[TAG] NETLAG
PID #7283
01
View
[TAG] SAINT
PID #7283
01
View
[TAG] ABSTRACT
PID #7283
01
View
[TAG] DETHMASHENE
PID #7283
01
View
[TAG] TXUE
PID #7283
01
View
[TAG] NETLAG
PID #7283
01
View
[TAG] SAINT
PID #7283
01
View

Messages

System Modal

Your Command Ship has arrived on an Uncharted Planet, ready to be harvested for Alpha Matter.

Planets are divided into four Battlegrounds. Space, Air, Land and Water.

Start by building a Mining Facility on Land.

System Alert

This is an alert. It contains text about alerts.
This is an alert. It contains text about alerts.
This is an alert. It contains text about alerts.
This is an alert. It contains text about alerts.
This is an alert. It contains text about alerts.

Inline Alert

This is an alert.
This is an alert.
This is an alert.
This is an alert.

Planet Card

Alpha Base Freyus-9
Fleet
Refinery Idle
Your fleet will return to your Alpha Base.
Alpha Base Freyus-9
Fleet
Raid
No raid active.

Hud Elements

Status Bar

HUD Indicator