Browse documentation
HomeDocsData Portals & Branding
Schemas & Portals

Designing Data Portals (Interface & Branding)

Wrap your ingestion projects inside polished, co-branded portals your customers and vendors will recognize.


Elvity allows you to wrap your ingestion projects inside highly polished, branded Data Portals so your customers or vendors can upload their data in a familiar, co-branded environment.

4.1

Auto-Branding (AI Identity Sync)

You can configure a fully custom interface in seconds without talking to a designer:

  1. 1In the Portal settings, locate the Auto-Branding panel.
  2. 2Type in your customer’s website URL (e.g., customercompany.com) and click Sync Identity.
  3. 3Our AI automatically crawls their website, extracts their official logos, detects their color palette, and determines their brand typography — instantly applying these details to your upload interface.
4.2

Manual Brand Adjustments

If you want to fine-tune the look, use the Manual Adjustments panel:

  • Logos: Upload a primary logo and a favicon directly into the upload tiles.
  • Colors: Click the color picker inputs to select custom hex values for your Primary Brand color and Background color.
  • Typography: Choose a native font family (such as Inter, Roboto, or Lato) from the select dropdown.
  • UI Style Sliders: Interactive sliders to set Corner Radius (0px to 32px) and Shadow Depth (None, Medium, Large, Extra Large) for buttons and cards.
4.3

AI Assistant Customization

Within the portal, you can customize the tone and language of the assistant that helps your users correct upload errors:

  • Assistant Voice: Choose between Professional, Friendly, or Concise based on your customer relationship type.
  • Default Language: Set the localization (e.g., English (US), Spanish, French).
  • Widget Theme: Toggle the assistant window between LIGHT or DARK theme.
4.4

Testing with the Live Preview Simulator

Before publishing, you can interact with the Live Preview panel on the right side of your screen:

  1. 1View Devices: Switch between Desktop, Tablet, or Mobile viewport orientations to verify responsive layout spacing.
  2. 2Cycle Upload States: Click the next/prev navigation buttons to preview the interface under different conditions.
Preview states to cycle through
  • Drag & Drop: The default uploader view.
  • Smart Match: Showing aligned, mapped headers.
  • Validation Errors: How flagged, red-bordered errors are shown to clients.
  • Success State: The final approval message.

Ready to put this into practice?

Spin up your first pipeline and watch Elvity map your data in minutes.

    Try Elvity Free

    Get access to a trial edition

    Enter your work email and we'll give you access to a trial edition of Elvity — no credit card, no setup fees.

    No credit card required. We'll reach out within one business day.