System

Colour

Neutrals · contrast on --g-0

• --g-00Letterbox
• --g-0Ground
• --g-1Raised
• --g-2Panel
• --g-3Hairline
• --g-4Rule
• --g-5Tertiary text
• --g-6Secondary text
• --g-7Primary text

Branch accents

Derived from the active accent

• --brandActive, selected, cited
• --brand-dimLarge areas
• --brand-washTinted ground
• --brand-lineUnderlines, rules
• --brand-inkText on a brand fill
• --scrimText over art

Type

DisplayArchivo 800 · 125% width

Rhodes Island

Stage titleArchivo 800 · 125% · whole, never clipped

Arknights

Section headingArchivo 700 · 18px · rule

Skills

LabelChakra Petch 600 · 12px · 0.14em

Operator · Core Caster

DataChakra Petch 500 · tabular

142cm · Dec. 23 · 0-1 · p. 321

InterfaceSofia Sans 400–600 · 16px

The public face of Rhodes Island and its top executive.

ReadingLiterata 400 · 19px / 1.7

According to legend, the festive New Year's traditions actually originate from a war between the Emperor and the gods.

Margin voiceKalam 400 · accent

To this day, many cultures across different regions still view incomprehensible natural forces as deities.

GhostOswald 300 · background word

Caster

Components

Motion

• --t-fast140ms · feedback
• --t-state240ms · state change
• --t-page420ms · page, overlay
• --t-hero720ms · one entrance per page
• --ease-stdcubic-bezier(0.22, 1, 0.36, 1)
• --ease-circart crossfade · 900ms
• --ease-settleportrait settle

Shape

Radius

2px

Rule

1px · --g-3

Mark

Diamond · 7px

Content width

1440px max

Gutter

20–64px

Reading measure

68ch

Icons

• search
• home
• book
• ak
• ef
• ask
• user
• close
• left
• right
• filter
• margin