The Diwaan brand.
How Diwaan looks, sounds and names things. Use this page whenever you make something that carries the name: a screen, a receipt, a slide or a sign above a shop counter.
The business, in order.
Run the business. The books keep themselves.
Calm control: the day closes and every number is right.
One mark, used the same way everywhere.
A symbol and a wordmark, locked together. Modules, editions and partners never get a logo of their own.
The symbol
A solid D with three ruled lines: the first letter of the name, drawn as a page of the ledger. It stands alone only where the name already appears nearby or space is tight: app icons, favicons, avatars.
The wordmark
A condensed semibold drawn for the name. Always "Diwaan": capital D, never all caps, never abbreviated. Module names are set in Inter beside it, never redrawn as logos.
DDDDKeep clear space equal to the height of the symbol's D on every side. Nothing else goes inside it.
139 px104 px72 px minimumSymbol 16 pxThe lockup is never narrower than 72 px on screen or 20 mm in print. Below that, use the symbol alone.
Forest for structure, lime for the next step.
Mostly white and light neutrals. Deep green carries the type and the dark surfaces. Lime marks the one thing to do next.
#002D10Primary brand colour. Headings, figures, primary actions, dark surfaces.#053815Gradient body, hover on dark.#105A27Gradient highlight, dark-mode accents.#30543CSecond data series, icons on dark.#466450Third data series.#8DA292Muted data. Never text.#EEF76ASignal. The single next action, active highlight, icon tiles.#D9E663Lime on dark surfaces, the NEW pill.#F8FCA8Soft wash, text selection.#C5D85AGlow end of the hero gradient only.#FFFFFFCards, nav, main sections#F7F9F8Page and app background#F8F8F8Tiles, tab track#F5F5F5Product panels#ECECECChips, active tab#E3E6E4Hairlines and borders| Token | Sample | On white | Use |
|---|---|---|---|
ink | #002D10 | 15.2 : 1 | Headings, figures, primary text |
ink-muted | #4D5C53 | 7.1 : 1 | Body text, labels |
ink-faint | #656D68 | 5.3 : 1 | Metadata, units, timestamps. At least 4.5 : 1 on every light surface |
| State | Chip | Contrast | Use |
|---|---|---|---|
| Positive | #1E6B35 | 5.6 : 1 | Paid, cash matches, up |
| Negative | #A3303A | 5.6 : 1 | Stock differs, overdue, down |
| Caution | #8A6A00 | 4.6 : 1 | Due soon |
Red marks a fact that is wrong, not urgency. No red banners or warning icons on routine items.
If lime covers more than a button or a highlight, there is too much of it.
Inter for reading, mono for codes.
Two families, one scale. Headings are tightly tracked; body text has room to breathe; codes and labels are set in mono.
Every heading, label and figure. Display sizes use tight tracking. Tabular figures wherever numbers can change or line up.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $ % · → ↗
Eyebrow labels, item codes, receipt sections and anything that is read character by character.
INV-2291 · PO-0412 · RC-25
SALE · PAYMENT · CHANGE
Every number exact, and easy to read.
Figures are the focal point of most Diwaan screens. These rules apply to the product, print, email and marketing alike.
Whole units in ink, the decimal part in ink-faint at 80% size. The number is exact without shouting.
A quiet label first, then the figure, then what changed.
| Cash sales | $46,737.10 |
| Card | $477.50 |
| Mobile money | $600.40 |
| Total | $47,815.00 |
Thin outlines on a quiet tile.
Icons label; they never decorate. One family, one stroke weight, one colour per surface.
receipt-textscan-barcodeboxestruckbook-openuserschart-columnplugstorewarehousewalletbanknotecredit-cardsmartphonehand-coinsscalecalendar-checkarrow-left-rightpackage-checkcircle-checkprinterwifi-offsearchsettingsOutline, 1.5 px stroke, round caps and joins, on a 20 px grid (24 px in navigation). Drawn from Lucide.
A ↗ in a lime tile ends every primary button. On lime buttons the tile flips to forest.
Text links end with a plain →. Steps that follow each other are joined by a connector.
No sparkle or robot icons. Diwaan does not frame features as AI.
The parts every screen is built from.
Rendered live from the same stylesheet the site and product use, so this page is always current.
Each card states one fact. Connectors show what happened next without anyone typing it. Use it wherever Diwaan proves that every action becomes the record: the hero, onboarding and module pages.
Active tab: grey fill, ink text, 500 weight.
Tabs are separated by hairlines at half height.
The track scrolls sideways on narrow screens.
Sell anywhere
The till keeps working when the internet drops, and every sale syncs when it returns.
See Diwaan POSRun the business. The books keep themselves.
Free while we launch. Every part included. No card needed.
Writes like a good ledger reads.
Short lines, exact figures, nothing extra. The trusted bookkeeper who also knows how to run the shop floor.
| Trait | It means | Say | Not |
|---|---|---|---|
| Exact | Right to the last digit, and says so plainly | Stock updated: 240 units at Main Store. | Inventory synced! |
| Calm | Never rushed, never alarmed without reason | 3 invoices are due this week. | URGENT: you have overdue bills!! |
| Complete | Nothing missing, nothing loose | Show the full picture, then let people drill in | Scatter features across separate apps |
| Plain-spoken | Business words, not software or accounting jargon | Money owed to you | AR aging bucket |
| Quietly confident | Lets the product prove it | Your books close themselves. | The #1 smart ERP |
- Lead with the fact, then the action: “Payment received: 12,500 from Northgate Traders. View invoice.”
- Numbers are always exact and formatted for the user's locale.
- One idea per sentence. Under 20 words in the product.
- Say what happened in business words. Show the accounting only when asked.
- No exclamation marks, no emoji, no hype, in the product or in marketing.
- Write so it translates: no idioms, puns or wordplay.
Paid. Change: 30.
Day closed. Cash matches: 48,210.
Stock count differs by 4 units. Review the count.
Run the business. The books keep themselves.
Diwaan, then one plain word.
One master brand. Modules are named for what they do and translated in each market.
Diwaan
Always "Diwaan". Never abbreviated, never in all caps in running text.
Diwaan Shop
Diwaan Business
Diwaan Group
Size words, not metals or jewels.
close the day · stock count · price lists
Descriptive and lower-case inside sentences.
Files for anyone making something with Diwaan.
Open a file to save it. Use the SVGs wherever you can; the PNGs are for places that cannot take vector files.
Logo
Lockup, forestSVG · 3 KBLockup, on darkSVG · 3 KBLockup, PNG @2x
PNG · 7 KBLockup on dark, PNG @2x
PNG · 6 KBWordmark, forestSVG · 3 KBWordmark, white
SVG · 3 KBSymbol, forestSVG · 422 BSymbol, limeSVG · 422 BApp and browser icons
App icon, SVG
SVG · 383 BApp icon, 1024 px
PNG · 29 KBApp icon, 512 px
PNG · 11 KBApple touch icon, 180 px
PNG · 3 KBFavicon, SVG
SVG · 421 BFavicon, 32 px
PNG · 837 B
Questions about using the brand: hello@diwaan.app