Visual System
03

UI & Visual Rules

Remitran’s interface mirrors the organic fluidity of our logo. We utilize soft glassmorphism, rounded leaf-like curves, and generous whitespace to create a natural, soothing financial experience.

Organic Fluidity

Derived from the interlocking leaf shapes of our logo, our containers and background elements avoid harsh right angles. Elements should feel like they are floating in a liquid medium.

  • Super-EllipsesUse rounded-2xl or rounded-3xl to approximate organic curves.
  • Layered DepthStack glass layers to create volume without heavy shadows.

Organic Surface

Standard glass panel with high corner radius (32px).

Fill: White 75%Radius: 2rem

Secondary Flow

Lighter fill for floating elements.

Fill: White 50%Radius: 2rem

Radius & Shape

To match the leaf-like logo, we push corner radii to their maximum logical extent. This softens the UI and makes technology feel more approachable.

lg: 16px2xl: 24px3xl: 32px
32px (3rem)

Primary Containers

Modals, Cards, and Main Sections.

20px

Inner Blocks

List items and content groupings.

Interactives

Buttons and inputs.