Type, colour, controls and spacing.
One typeface, Latin Modern Roman, in roman and italic; four optical sizes do the work of weights. One colour, blue, in close shades; everything else is ink on paper.
- Ink
#0E0E0EText; “anat” in the wordmark; footer ground19.3 : 1 on Paper - Paper
#FFFFFFBackground— - Deep blue
#1B2C9CThe Q and channel line; links; primary button11.1 : 1 on Paper - Channel blue
#2742F5NETWORK; the dot; hover; focus ring6.6 : 1 on Paper - Light blue
#8FA0FFDeep-blue roles on Ink7.9 : 1 on Ink - Pale blue
#C3CBFFChannel-blue roles on Ink or Deep blue12.2 : 1 on Ink · 7.1 : 1 on Deep - Rule
#D8D8D4Hairlines only — never text1.4 : 1 (non-text) - Grey
#5B5E6BSecondary text, captions6.4 : 1 on Paper
All four blues sit on one hue (231–232°), so they read as a single family. Contrast ratios are WCAG 2.x; every text pairing used on the site is ≥ 4.5 : 1.
- The channel between deposits
- Keep the deposit. Move it at any hour.
- Conversion layer
- The deposit stays on the bank’s balance sheet.
- Qanat Network provides the advice and the technology to make that possible, with one agreement covering both. Italic is used for emphasis, never bold.
- Fig. 1 — Bank ledger, conversion layer, stablecoin networks.
- § 02 · How it works
- Primary · defaultSpeak with us
- HoverSpeak with us
- FocusSpeak with us
- PressedSpeak with us
- Secondary · defaultBack to the page
- HoverBack to the page
- Small (44 px)Contact
- ReversedSpeak with us
Height 48 px (44 px small) · radius 2 px · no shadows or gradients · label in LM Roman 10.
- Defaulttokenized deposits
- Hovertokenized deposits
- Focustokenized deposits
- Arrow linkHow it works
- On inkContact
--s14 px--s28 px--s312 px--s416 px--s524 px--s632 px--s748 px--s864 px--s996 px--s10144 px
4-px base. Section spacing 72–144 px (fluid); page gutter 20–56 px; content column max 1280 px; text measure ≈ 34 em. Tap targets ≥ 44 px.
icon-balance-sheet.svgicon-any-hour.svgicon-bank-control.svgicon-conversion.svgicon-one-agreement.svgicon-reviewable.svg