Motivo

Brand Colors

PrimaryBlueSecondaryOrange

---

Status Colors

SuccessGreenWarningAmberErrorRedInformationLight Blue

---

Neutral Surfaces Chroma

Intensity0IIIIIIBased onPrimarySecondary

---

Contrast

LevelHigh (AA)Low (A)

---

Fonts

Main

Zalando Sans

Headings

Zalando Sans

Monospace

Roboto Mono

Decorative

Cormorant Garamond

Typography

Scale

13px / 1.2

Path

../fonts/

Corners

Radius0IIIIIIIVShapeRoundSquircleSuperellipseCurveGet SpectroUpload SeedTry LuckMission ControlPer aspera ad astra.About Mars

Mars is the fourth planet from the Sun. The surface of Mars is orange-red because it is covered in iron oxide dust, giving it the nickname "the Red Planet".

Surface temperatures vary from lows of −110 °C to highs of 35 °C in equatorial summer.

LaunchWaitAbort

MissionGeneralCrewObjectives

Name

Destination

Commander

Status variants

SuccessWarningErrorInformationNeutral Completed Caution Failed NoticeCode Snippet

const SpaceJourney = () => {
  const [distance] = useState(100)

  return (
    <space-journey>
      <h2>Journey to Mars</h2>
      <p>Distance Remaining:</p>
      <p>{distance} mil. km</p>
    </space-journey>
  )
}

export default SpaceJourney

DistanceTo Mars · M km54.6Mission dayElapsed123FuelRemaining %68Velocitykm/s avg24.1Solar powerkW output89OrbitPeriod hrs1.88Comms delayMinutes12CrewAll nominal6AlertsCritical2Heart rateCrew avg68CO₂ppm habitat412O₂ levelPercentage21WaterL per day8.4FoodSupply days180RadiationmSv/day1.2TempSurface °C−63Hey, something has happenedSelect a token from your theme 👉ViewGalleryLabHerding color tokens into formation…