Mirrativ

Colors

• #19B9B3Teal Background · Screen background fill
• #FFFFFFPure White · Mirrativ logo · Agree button fill · Google button fill · Legal text
• #1CA7A3Agree Teal Text · Agree button label text
• #000000Pitch Black · X (Twitter) button fill · Apple button fill
• #5865F2Discord Blue · Discord button fill
• #A1B0BANeutral Border · Google button outline stroke

Type

• Social Button LabelHiragino Sans · 34px · 700 · #FFFFFF
• Agree Button LabelSF Pro Text · 34px · 700 · #1CA7A3
• Legal Terms TextHiragino Sans · 22px · 400 · #FFFFFF

Elements

• Agree Button · Button

  Pill button centered horizontally, height ~80px, width ~700px. · White solid background with teal text.

• X Login Button · Button

  Pill button centered, directly below Agree button with ~20px gap. · Black fill with white X glyph icon and Japanese text.

• Google Login Button · Button

  Pill button centered below X button. · White fill with thin grey border, multicolored G icon, dark grey text.

• Discord Login Button · Button

  Pill button centered below Google button. · Blurple fill (#5865F2) with white Discord icon and text.

• Apple Login Button · Button

  Pill button centered below Discord button. · Black fill with white Apple icon and text.

Layout

Vertical column stack of five social authentication and consent pill buttons in the lower half of the screen below the main logo.

Notes

Buttons follow standard external third-party login brand guidelines adapted to uniform rounded pill shapes.