KS Tools France — Design System
KSFranceStorno is a professional intranet tool for the French inside-sales team at KS Tools. The UI should feel like an internal extension of the KS Tools brand: industrial, precise, and trustworthy — never flashy. French is the default language; German and English are also supported.
Color Palette
Brand
Neutral
Status (Cancellation Result)
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxComponents
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Status
FullyCancellable
PartiallyCancellable
NotCancellable
NotInJeeves
NoJeevesDependency
Elevation & Depth
Do's & Don'ts
Don't
Layout
• Max content width: Bootstrap container (1320px on xl). Form column centered: col-12 col-md-8 col-lg-6.
• Single-column, vertically stacked: form card → result card.
• Mobile-first; all breakpoints via Bootstrap 5 grid.
• body has margin-bottom: 60px to account for the footer.
---
Tone & Language
• Default language: French. All UI strings should be French-first.
• Tone: Professional and direct. This is an operational tool, not a marketing page.
• Labels: Short, imperative (e.g. Vérifier, not Vérification de la commande).
• Error messages: Specific and actionable (e.g. Ce champ est requis).
• Status reasons: One or two sentences, factual, localised via PO files. Not shown in database — resolved from status.reason.{Status} translation keys.
• No exclamation marks, no marketing copy.
---
Use with MCP
Don't have the MCP? Install it here