Motivo

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". Mars is among the brightest objects in Earth's sky, and its high-contrast albedo features have made it a common subject for telescope viewing.

Martian surface temperatures vary from lows of about -110 °C to highs of up to 35 °C in equatorial summer.

Mission

General

Crew

Objectives

Name

Destination

Commander

Possible status

Success

Warning

Error

Information

Success

Warning

Error

Information

Code 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

Primary

Secondary

Disabled

1 mil.

Primary

Secondary

Disabled

123

Primary

Secondary

Disabled

541 Kč

Primary

Secondary

Disabled

541 Kč

Primary

Secondary

Disabled

+89 %

Primary

Secondary

Disabled

64-bi

Primary

Secondary

Disabled

3,14

Primary

Secondary

Disabled

90 tis.

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Primary

Secondary

Disabled

Hey, something has happened

Surfaces

Neutral

Base

Base Variant

Main

Main Dim

Main Variant

Main Bright

Front

Control

Control Variant

Neutral Translucent

Base Translucent

Base Variant Translucent

Main Translucent

Main Dim Translucent

Main Variant Translucent

Main Bright Translucent

Front Translucent

Control Translucent

Control Variant Translucent

Brand

Primary Minimal

Primary Subtle

Primary Moderate

Primary Strong

Primary Contrast

Primary Main

Secondary Minimal

Secondary Subtle

Secondary Moderate

Secondary Strong

Secondary Contrast

Secondary Main

Status

Success Minimal

Success Subtle

Success Moderate

Success Strong

Success Contrast

Success Main

Warning Minimal

Warning Subtle

Warning Moderate

Warning Strong

Warning Contrast

Warning Main

Error Minimal

Error Subtle

Error Moderate

Error Strong

Error Contrast

Error Main

Information Minimal

Information Subtle

Information Moderate

Information Strong

Information Contrast

Information Main

Rights

Required Minimal

Required Subtle

Required Moderate

Required Strong

Required Contrast

Required Main

Postponed Required Minimal

Postponed Required Subtle

Postponed Required Moderate

Postponed Required Strong

Postponed Required Contrast

Postponed Required Main

Recommended Minimal

Recommended Subtle

Recommended Moderate

Recommended Strong

Recommended Contrast

Recommended Main

Palette

Pink Minimal

Pink Subtle

Pink Moderate

Pink Strong

Pink Contrast

Pink Main

Fuchsia Minimal

Fuchsia Subtle

Fuchsia Moderate

Fuchsia Strong

Fuchsia Contrast

Fuchsia Main

Deep Purple Minimal

Deep Purple Subtle

Deep Purple Moderate

Deep Purple Strong

Deep Purple Contrast

Deep Purple Main

Navy Minimal

Navy Subtle

Navy Moderate

Navy Strong

Navy Contrast

Navy Main

Blue Minimal

Blue Subtle

Blue Moderate

Blue Strong

Blue Contrast

Blue Main

Light Blue Minimal

Light Blue Subtle

Light Blue Moderate

Light Blue Strong

Light Blue Contrast

Light Blue Main

Aqua Minimal

Aqua Subtle

Aqua Moderate

Aqua Strong

Aqua Contrast

Aqua Main

Teal Minimal

Teal Subtle

Teal Moderate

Teal Strong

Teal Contrast

Teal Main

Green Minimal

Green Subtle

Green Moderate

Green Strong

Green Contrast

Green Main

Light Green Minimal

Light Green Subtle

Light Green Moderate

Light Green Strong

Light Green Contrast

Light Green Main

Lime Minimal

Lime Subtle

Lime Moderate

Lime Strong

Lime Contrast

Lime Main

Yellow Minimal

Yellow Subtle

Yellow Moderate

Yellow Strong

Yellow Contrast

Yellow Main

Amber Minimal

Amber Subtle

Amber Moderate

Amber Strong

Amber Contrast

Amber Main

Orange Minimal

Orange Subtle

Orange Moderate

Orange Strong

Orange Contrast

Orange Main

Deep Orange Minimal

Deep Orange Subtle

Deep Orange Moderate

Deep Orange Strong

Deep Orange Contrast

Deep Orange Main

Red Minimal

Red Subtle

Red Moderate

Red Strong

Red Contrast

Red Main

Brown Minimal

Brown Subtle

Brown Moderate

Brown Strong

Brown Contrast

Brown Main

Gray Minimal

Gray Subtle

Gray Moderate

Gray Strong

Gray Contrast

Gray Main

Silver Minimal

Silver Subtle

Silver Moderate

Silver Strong

Silver Contrast

Silver Main

Black Minimal

Black Subtle

Black Moderate

Black Strong

Black Contrast

Black Main

Text

Neutral

Primary

Primary Variant

Secondary

Secondary Variant

Disabled

Disabled Variant

Brand

Brand Primary

Brand Primary Variant

Brand Secondary

Brand Secondary Variant

Status

Status Success

Status Success Variant

Status Warning

Status Warning Variant

Status Error

Status Error Variant

Status Information

Status Information Variant

Rights

Rights Required

Rights Required Variant

Rights Postponed Required

Rights Postponed Required Variant

Rights Recommended

Rights Recommended Variant

Palette

Pink

Pink Variant

Fuchsia

Fuchsia Variant

Deep Purple

Deep Purple Variant

Navy

Navy Variant

Blue

Blue Variant

Light Blue

Light Blue Variant

Aqua

Aqua Variant

Teal

Teal Variant

Green

Green Variant

Light Green

Light Green Variant

Lime

Lime Variant

Yellow

Yellow Variant

Amber

Amber Variant

Orange

Orange Variant

Deep Orange

Deep Orange Variant

Red

Red Variant

Brown

Brown Variant

Gray

Gray Variant

Silver

Silver Variant

Black

Black Variant

Borders

Minimal

Minimal Inverted

Subtle

Subtle Inverted

Default

Default Inverted

Strong

Strong Inverted

Contrast

Contrast Inverted

Shiny

Shiny Inverted

Variant

Variant Inverted

Elevation

Subtle

Default

Strong

Extreme

Glow

Brand

Default

Strong

Default

Strong

Status

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Rights

Default

Strong

Default

Strong

Default

Strong

Palette

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Default

Strong

Overlays

Subtle

Default

Strong

Functional colors

Brand

100

Status

100

Rights

100

Palette

100

Typography Scale

Main

FootnotePale rings of Saturn drift beyond sight.

CaptionPale rings of Saturn drift beyond sight.

BodyPale rings of Saturn drift beyond sight.

ButtonPale rings of Saturn drift beyond sight.

SubheadPale rings of Saturn drift beyond sight.

Monospace

CodePale rings of Saturn drift beyond sight.

Headings

Heading 6Pale rings of Saturn drift beyond sight.

Heading 5Pale rings of Saturn drift beyond sight.

Heading 4Pale rings of Saturn drift beyond sight.

Heading 3Pale rings of Saturn drift beyond sight.

Heading 2Pale rings of Saturn drift beyond sight.

Heading 1Pale rings of Saturn drift beyond sight.

Font Sizes

Extra Small

Small

Base

Large

Extra Large

Double Extra Large

Triple Extra Large

Quadruple Extra Large

Select a token from your theme 👉

View

Gallery

Lab

Brand Colors

PrimaryBlue

SecondaryOrange

Status Colors

SuccessGreen

WarningAmber

ErrorRed

InformationLight Blue

Neutral Surfaces Chroma

Intensity

III

Based on

Primary

Secondary

Contrast

Level

High (AA)

Low (A)

Fonts

Main

Zalando Sans

Headings

Zalando Sans

Monospace

Roboto Mono

Typography

Scale

13px / 1.2

Path

../fonts/

🖥️ 💻
Použijte prosím větší displej.