Restricted page
Sign in with an authorized administrator account to view the tobepaid brand style guide.
Access is limited to approved tobepaid administrators.
Brand foundation
A practical reference for consistent typography, color, spacing and interface components across the tobepaid.com website.
01
02
Diodrum Rounded
Primary webfont for headings, body copy, navigation, buttons and form controls.
"Diodrum Rounded", "Avenir Next", Arial, sans-serif
AI-driven receivables orchestration
Clear introductory copy explains the subject before detailed information follows.
Body copy uses a comfortable line height of 1.55 and the primary ink color for consistent readability.
03
#112F5BNavigation, primary buttons, headings and footer.
#64C5DDSecondary buttons, highlights and brand accents.
#4B94A6Eyebrows, active states and secondary emphasis.
#16314FPrimary body text on light backgrounds.
#5E7084Supporting copy, captions and placeholders.
#F4FBFDSection backgrounds and quiet separation.
#D8EEF4Borders, dividers and form outlines.
#FFFFFFCards, fields and primary page background.
04
Buttons use 5 px rounding and direct, action-oriented labels.
Use cyan accents sparingly to guide attention without overwhelming financial content.
Cards use a white background, 10 px radius, 28 px internal spacing and the shared elevation shadow.
0 8px 14px 3px rgba(0, 0, 0, 0.17)
05
06
Write as a serious financial software company. Use concrete language and avoid generic marketing claims.
Use AR, credit management and payment orchestration consistently. Explain the action, workflow or customer outcome.
Describe automation together with governance, human oversight, security and configurable business rules.