v1.0 — 13 October 2026
How Raizer and Raizer Ventures look, sound and move. Every rule in this book is applied on this page.
Raizer is the parent. Its two arms do different jobs for different people, and each has its own default mode inside one shared system.
Founded in Aleppo. Building for the region.
Both arms share one core voice. Each arm then has its own register on top of it.
One idea per sentence. Say it, then stop.
Use the word a client would use on a call: “install” rather than “leverage”, “cost” rather than “spend optimisation”.
“Installed in 90 days” tells the reader more than “fast”. When a claim has a number, lead with it.
Leave out “revolutionary”, “game-changing” and “cutting-edge”. The work and the numbers carry the weight.
State what we do and what it returns, once. Confidence comes from specifics, not from volume.
Every page, post and email ends on a single next step.
Both arms write Arabic in Syrian dialect, set in Almarai and laid out right to left. The same voice rules apply: short sentences, plain words, real numbers.
Sentence case for headlines, buttons and navigation. Capitals appear in two places only: labels and display caps.
Book A Call BOOK A CALL
Raizer has one mark: a wordmark drawn in Razek’s own typeface. That typeface draws the logo and nothing else.
Always left to right, at the same stops as the logo file. The direction stays fixed in Arabic layouts and the gradient never animates.
The custom Raizer typeface draws the wordmark. Every other word is set in Jost or Almarai.
Use one of the four supplied files — gradient, white, ink or orange — at the native 6 : 1 proportion, with no outlines, effects or new colours.
Where the logo fits — navigation, headers, covers, slides, signatures — use the SVG. The typed name belongs in running sentences.
Stone takes the original gradient file; ink is the one-colour fallback. The white version is for dark grounds only.
Limestone is the light mode and Graphite the dark mode. Ink, orange and the direction of the light are shared by both.
Aleppo stone with the yellow taken out, so orange separates by hue. Flat #F5F2EC with no light effect. Default mode for Raizer Ventures.
Flat #0e141b with one corner light at the top-left: #535860 in the corner, fading to the base by about 70% of the diagonal. Surfaces are neutral graphite. Default mode for Raizer.
Contrast ratios are calculated live from the hex values (WCAG 2.1). Body text needs 4.5 : 1, large text 3 : 1.
Core orange is #FF8B26. Use the gradient when it is big enough to see it; use solid orange when it is small, interactive or data.
The primary button’s depth face is #DD4B23, the dark end of the gradient.
Ink on orange is 7.9 : 1. White on orange is 2.3 : 1 and fails, so button labels are always ink.
Logo, fills, rules and display sizes only. On Limestone, text under 24px stays ink, with orange beside it as a rule or marker.
Light and dark sections alternate down the page, like the alternating stone courses of Aleppo’s old city.
Stone, graphite, stone: each section takes the opposite mode to the one before it. This page follows it, and the mode switch swaps which band comes first.
Bands run edge to edge and meet on a straight line. There is no gradient, fade or shadow between two bands.
Text, surfaces, lines, shadows and the logo version all follow the band they sit in. Orange on a stone band follows the orange-on-stone rule.
A graphite band that opens a major section may carry the top-left corner light. Every other graphite band stays flat.
Light always enters from the top-left, once per canvas. A canvas is a hero, a slide or a cover — never a whole long page.
Jost sets every English word and Almarai every Arabic one. Both are free on Google Fonts, so there is no licence cost on any channel.
The custom Raizer typeface draws the logo only. It is never used to set text.
English uses three weights only. Sentence headlines at 56px and above are set in 200; smaller headings in 400.
Covers, section titles, slides and social posts. One to three words in Jost caps: light words at 200, the key word at 600. The key word takes the gradient only on the cover or hero. Line height 0.95, tracking −1%, usually one word per line.
Website messages and longer lines. Sentence case, line height 1.02, tracking −2.5%. Orange follows the orange-word rule (T04).
Six sizes and nothing in between. On small screens the three display steps shrink together by the same ratio.
Each rule is stated, then shown. This page follows all of them.
Sentence display −2.5%, display caps −1%, labels +11%, body 0. Arabic is always 0.
Display caps 0.95, sentence display 1.02, body 1.6 at no more than 65 characters a line. Arabic body 1.75.
Every margin, padding and gap is 9, 18, 27, 36, 54, 72 or 108px, from the logo’s 9-unit module.
One orange word per page in the hero, plus at most two key headlines. Every other headline stays ink or white, and body text is never orange.
An ordinary headline: no orange word.
Big figures at 56–96px in weight 200 with a small tracked label underneath. Tables use tabular figures so columns line up.
| Agent | Runs | Time |
|---|---|---|
| Intake | 1,204 | 0.6s |
| Quotes | 318 | 1.2s |
| Invoices | 2,231 | 0.4s |
Sample data.
Arabic is set 10–15% larger than the English beside it (12.5% by default), fully right to left, with Western digits, no letter spacing and no italics.
Small tracked caps split by a solid orange slash. The slash is small, so it stays solid.
Sections are numbered “01 —”, “02 —” in tracked caps, like an editorial page.
Every section opens the same way: label, headline, one-line lede. The 36px solid orange rule sits beside the label.
Mapped, built and handed over with your team in the room.
Jost at 32px or larger, with the opening mark hanging outside the text edge. Arabic uses « ».
“Scale is a system.”
«التوسع هو نظام»
Real dashes and curly quotes. Headlines balanced, body text with no single-word last lines. Left aligned, never centred.
Hyphen in words only; en dash for 56–96px; em dash for a break — like this.
Jost has no true small caps, so acronyms in body text are set at 0.9em with 4% tracking.
Our AI agents update the CRM and report ROI every week.
Labels at 13px, tracked +11%, and display caps of one to three words. Never in sentences, buttons or body.
Rank with ink and muted grey before reaching for another size. Both lines below are 20px.
Icons, orange rules and stat numbers line up with the tops of capitals, not the middle of the lowercase.
Arabic has no capitals. Labels use Almarai Bold at a small size, muted, with zero letter spacing.
Every raised shape is square with a single 45° cut at the bottom-right, the corner furthest from the light.
The cut grows with the element so the silhouette never shrinks to a nick. One cut per shape, never two, never rounded. Use the large cut at least once per page.
Buttons. 3/16 of the 48px reference height, the typeface’s stroke-to-cap ratio.
Stat tiles, chips, swatches
Cards
Image frames, slides, canvases
The large cut, 7 × 9. Large image frames, feature panels and one divider band. At least once per page.
Hero sections and full-width page sections are never cut. The cover of this book is a hero, so its corners stay square.
Buttons and stat tiles are extruded and lifted: a solid face 45° down-right, then a soft shadow cast by the whole block. Cards, image frames and slides are lifted only.
Sample data. Primary face #DD4B23; secondary face is graphite.
Mapped, built and handed over with your team in the room.
Falls down-right, tinted
Uniform blur on all sides
Motion confirms what just happened and then stops. Every move plays once, on a small set of timings.
Live demos of the six moves — light turns on, soft rise, press physics, card lift, logo reveal and stats rise — are in the web version of these guidelines.
Arabic layouts mirror the reading order. The light stays at the top-left, and so does everything it casts.
Designed, built and installed in 90 days.
تصميم وبناء وتركيب بـ 90 يوم
In the Arabic column the arrow sits first and points left, the primary button leads from the right, and the cut and depth match the English column exactly.
Icons use the same geometry as the logo: straight lines at 0°, 45°, 90° and 135°, with no curves anywhere.
Draw new icons on the same 24px grid as the examples below, and test them at 18px and 27px before use.
Buttons are pressed, cards are read, fields are typed into. Forms, tables, notices and navigation follow the same cut, the same light and the same orange rule.
The radio is a diamond: the system draws no circles.
A field is typed into, not pressed or read: no depth, no shadow. It takes the 9px cut and a 1px control line that follows the cut. Focus thickens the line to 2px in ink or white.
A 2px line in #DD4B23, the extrusion orange, with the message in ink and a small orange marker beside it. There is no red, and no small orange text on stone.
Field and checkbox edges use #6B727B on Graphite and #8C867D on Limestone, so every control edge reaches 3 : 1.
Checkboxes are uncut squares: nothing under 27px takes the cut. Radios are diamonds. The chosen state fills with solid orange and takes an ink mark.
A flat sunk panel with the 12px cut and a solid orange icon. Never a coloured side border, never a shadow.
Tabular figures, hairlines, numbers aligned right, totals in 600. Bars and markers are solid orange, never the gradient.
The logo, three to five links and one small primary button. The current page is ink with a solid orange underline.
Logo, the origin line “Founded in Aleppo. Building for the region.”, link groups and one line of small print, on the band opposite the one above it.
Posts and slides are drawn at half size and exported at twice the resolution, so the six type sizes hold: 540 × 675 becomes 1080 × 1350, and 960 × 540 becomes 1920 × 1080. A4 covers are drawn at true size.
Everything a partner needs to use the brand correctly: logo files, colour tokens and these guidelines.
Logos in four colourways as SVG and PNG, colour tokens as CSS, JSON and text, the guidelines PDF and a short README.
ZIP, 2.4 MB
This book as a printable A4 document, for teams that work offline.
PDF, A4 landscape, 2.6 MB
PNGs are transparent, 1000px and 2000px wide.
Both modes, the orange and the logo gradient.
Both are free under an open licence. Download them from Google Fonts.
