Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
PlatformRottay
Rottay / ModernPlatform Flagship
Primary
#FFFFFFSecondary #A0A0A5
Radius
Compact runtime evidence across 3+ token signals.
Published DS package ยท Tenant Showcase ยท Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#FFFFFFRottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Back to Platform
Auth4 scenario rowsTier mix 1P / 0S / 19Pr
Scenario summary
Auth in Platform is about controlled clarity, not ornamental UI.
Auth surfaces set the tone for platform credibility. They need to feel secure, legible, and unforgiving about ambiguity while still remaining humane. The workflow stays Platform-specific, but the live rendering should still come from the active docs runtime rather than a local preset.
Scenario rows4Named modules that anchor this category's product story.
Unique parts14Distinct structures, patterns, and primitives in this category.
Dominant archetypeConfiguration flowThe prevailing interaction shape across these modules.
Scenario rows
Scenario modules
Each row below captures a product-grade module, the component spread behind it, and what to scrutinize when the runtime changes.
Read orderStart with the title and archetype, then inspect composition balance and the part sample.
Proof checkConfirm the lane still reads like one product module after the runtime changes tone, density, and contrast.
01
Scenario module
Login Flow
Email/password login with social providers and remember-me toggle.
Composition balancePrimitive-heavy assemblyA quick read on which layer is carrying most of the scenario weight.
Tier mix0P / 0S / 5Pr
Inspect forCheck whether grouping, spacing, and field hierarchy still feel calm when the runtime changes.
Supporting partsRepresentative pieces behind this scenario lane.
Form
Input
Button
Checkbox
+1 more
02
Scenario module
MFA Setup
TOTP setup wizard with QR code, backup codes, and verification step.
Composition balancePrimitive-heavy assemblyA quick read on which layer is carrying most of the scenario weight.
Tier mix0P / 0S / 5Pr
Inspect forCheck whether sequence, progress cues, and handoff points remain easy to follow.
Supporting partsRepresentative pieces behind this scenario lane.
Steps
QRCode
OTPInput
Button
+1 more
03
Scenario module
Password Reset
Password reset request and confirmation with strength indicator.
Composition balancePrimitive-heavy assemblyA quick read on which layer is carrying most of the scenario weight.
Tier mix0P / 0S / 5Pr
Inspect forCheck whether grouping, spacing, and field hierarchy still feel calm when the runtime changes.
Supporting partsRepresentative pieces behind this scenario lane.
Form
Input
Progress
Button
+1 more
04
Scenario module
API Key Admin
API key generation, rotation, and scope management for integrations.
Composition balancePrimitive-heavy assemblyA quick read on which layer is carrying most of the scenario weight.
Tier mix1P / 0S / 4Pr
Inspect forCheck whether scanning rhythm, action placement, and row density still feel safe and fast.
Supporting partsRepresentative pieces behind this scenario lane.
Operational admin patterns for the flagship platform experience.
Runtime controls
TenantRottay
EngineModern
Operators
End usersSecurity adminsIntegrations teams
The category has to stay legible for these roles even when a different tenant runtime shifts density or contrast.
Tempo and pressureEntry-point and exception-drivenUse the scenario rows below to verify that hierarchy and control placement still hold up at this pace.
Design principles3 guardrails
Principle 01Keep trust signals visible.
Principle 02Favor step clarity over visual novelty.
Principle 03Separate credential management from identity profile tasks.
Active provider
Runtime audit
Rottay is rendering this appendix.
Use this page as a reference sheet: the scenario modules stay constant, while contrast, shell tone, and component personality respond to the active docs runtime.
Runtime
PlatformRottay
Rottay / ModernPlatform Flagship
Primary
#FFFFFFSecondary #A0A0A5
Radius
Compact runtime evidence across 3+ token signals.
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
roundedtop bar ยท solid dividers
Motion
springHover lift 2px
Keep stableAuth still needs to feel native for End users, Security admins, and 1 more even while the provider changes the surrounding chrome.
Stress pointEntry-point and exception-driven means hierarchy, action placement, and contrast cannot become ambiguous under a different runtime.
Read as one laneConfiguration flow should feel like one coherent chapter here rather than a stack of isolated component demos.