railway.app

How it works

hero:

Centered text stack (headline + subheading with inline link + dual CTA buttons) overlaid on a starfield landscape with purple cloud layers, positioned above an embedded terminal/dashboard window that bleeds into the background.

layout:

Full-viewport hero with centered text occupying upper third; embedded dashboard mockup anchored in the middle acts as visual centerpiece; client logos grid (2×3, then 2×3) arranged in bottom section with subtle horizontal dividers; navigation bar pinned at top in minimal white-on-dark style.

type:

Serif (likely Georgia or serif system font) for large headlines; sans-serif for body and UI labels; monospace (likely Courier or system mono) for dashboard logs and technical numerals; tight line-height on headline creates emphasis; subheading uses lighter weight with inline semantic link.

colors:

Deep navy-to-black gradient background with mauve/purple atmospheric clouds; purple accent used for the primary Deploy button and interface highlights; secondary button rendered in dark outline; text hierarchy managed through white serif headlines and gray subtext; dashboard mockup uses cyan/blue for log timestamps and monospace labels against near-black panels.

distinctive:

A functioning dashboard preview embedded directly into the hero background—the product itself becomes the visual anchor rather than abstracted imagery, with deployment logs and system output visible inside the mockup window to demonstrate real-time capability.