Skip to content
URLA

URLA design system

Choose a landing layout

Compare three genuinely different compositions. Brand colors, typography, buttons, and content stay consistent-only structure, hierarchy, navigation, and presentation change.

01

Cinematic Overlap

Hero overlay | floating nav | stacked story

Full-bleed hero with a glass content panel, floating navigation, and layered depth for a high-impact first impression.

Best for: Brand-led launches and strong first impressions

  • Immersive full-viewport hero
  • Glass panel over photography
  • Stacked fleet, process, inquiry
02

Split Screen

50/50 hero | twin columns | mirrored bands

Equal brand and visual columns with mirrored content bands and a calm editorial rhythm for side-by-side browsing.

Best for: Editorial clarity and balanced browsing

  • Symmetric brand and image hero
  • Feature and service columns
  • Alternating fleet story bands
03

Modular Grid

Bento hero | mosaic tiles | compact CTA

Bento-style mosaic with varied tile sizes for fleet, services, process, and inquiry-dense without feeling crowded.

Best for: Dense showcases and scannable offers

  • Asymmetric mosaic composition
  • Fleet and service tiles together
  • Compact inquiry block in-grid