> ## Documentation Index
> Fetch the complete documentation index at: https://hbx-docs.uplifthub.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Sign Up and Sign In

export const Ui = ({children}) => <span style={{
  display: "inline-flex",
  alignItems: "center",
  padding: "1px 6px",
  background: "#f7f8f8",
  border: "1px solid #e9ecef",
  borderRadius: 4,
  fontSize: "0.92em",
  fontWeight: 500,
  color: "#101213"
}}>
    {children}
  </span>;

export const Pill = ({tone = "live", children}) => <span style={{
  display: "inline-flex",
  alignItems: "center",
  gap: 6,
  height: 22,
  padding: "0 8px",
  borderRadius: 1000,
  fontSize: 12,
  fontWeight: 500,
  letterSpacing: "-0.005em",
  background: ({
    live: "#ebf7ed",
    ready: "#eef1fb",
    draft: "#f7f8f8",
    paused: "#faeaea",
    archived: "#f7f8f8"
  })[tone],
  color: ({
    live: "#267d36",
    ready: "#2743a6",
    draft: "#4f575e",
    paused: "#c92a2a",
    archived: "#4f575e"
  })[tone],
  border: tone === "draft" || tone === "archived" ? "1px solid #dee2e6" : "none"
}}>
    <span style={{
  width: 8,
  height: 8,
  borderRadius: "50%",
  background: tone === "draft" ? "transparent" : "currentColor",
  border: tone === "draft" ? "1.5px solid #6a7178" : "none"
}} />
    {children}
  </span>;

Before you can build a campaign you need either an HBX Partner Portal account or have been pre-approved for sign up by an HBX representative. If you already have a Partner Portal account you can either access the Self Serve platform via a button directly in the Partner Portal or by clicking the **Sign in via HBX Partner Portal** button on the login page. If not, register a new account or request access.

## Registering a new account

<Steps>
  <Step title="Open the sign-up screen">
    Go to the portal and select the <Ui>Sign up</Ui> tab at the top of the login panel.
  </Step>

  <Step title="Open the sign-up screen">
    Go to the Self Serve App and select the <Ui>Sign up</Ui> tab at the top of the login panel.
  </Step>

  <Step title="Enter your details">
    Provide your **Email**. Tick **I have read the Terms & Conditions** to continue.
  </Step>

  <Step title="Register">
    Click <Ui>Register</Ui>You will be sent an email to set your password and complete your registration.
  </Step>
</Steps>

<Tip>
  If your organisation isn't approved for self-serve access yet, click "Request Access" instead and the team will be in touch.
</Tip>

<Frame>
  <img src="https://mintcdn.com/hbx-uplifthub/biGgT8FVdvGz0I2h/images/image.png?fit=max&auto=format&n=biGgT8FVdvGz0I2h&q=85&s=86bc0008cbefd6359e668fc21b615b98" alt="Image" width="2358" height="1484" data-path="images/image.png" />
</Frame>

## Signing in

<Steps>
  <Step title="Open the login screen">
    Go to the portal and make sure the <Ui>Login</Ui> tab is selected.
  </Step>

  <Step title="Open the login screen">
    Go to the Self Serve App and make sure the <Ui>Login</Ui> tab is selected.
  </Step>

  <Step title="Enter your credentials">
    Enter your **Email** and **Password**. Tick <Ui>Keep me logged in</Ui> if you're on a trusted device.
  </Step>

  <Step title="Log in">
    Click <Ui>Login</Ui>You can also use <Ui>Sign in with …</Ui> if single sign-on is enabled for your organisation.
  </Step>
</Steps>

<Tip>
  Forgotten your password? Use <Ui>Forgot password?</Ui> on the login screen and follow the link sent to your inbox.
</Tip>

<Frame>
  <img src="https://mintcdn.com/hbx-uplifthub/zyL4LvKfcR9_VupI/images/sign-in-screen.jpeg?fit=max&auto=format&n=zyL4LvKfcR9_VupI&q=85&s=5fe3ec1a94e587fa8fa13b4e337a651a" alt="Sign In Screen" width="1357" height="896" data-path="images/sign-in-screen.jpeg" />
</Frame>