ongeveer 1/2 van de page-width
This is the header for overview pages
USoft’s design system
Een overzicht van alle gebruikte kleuren, tekststijlen, knoppen, kaders en alle andere pagina-elementen.
Use USoft for
ERP
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Forecasting, Planning
& Scheduling
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Disruption management
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Event processing
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Advisory & Case Management
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Decision
automation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Integrated orchestration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
AI integration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
De titel van dit stukje
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
De titel van dit stukje
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
De titel van dit stukje
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
De titel van dit stukje
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Typografie
Dit is een H1 titel, voor pagina’s
Dit is een H2 titel, voor secties op een pagina
Dit is een H3 titel, voor losse kaders in een sectie
Dit is een H4 titel, voor kleinere titels
Dit is de normale bodytekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ruimte voor een bullet lijst:
- onderwerp 1
- onderwerp 2
- onderwerp 3
En een genummerde lijst
- onderwerp 1
- onderwerp 2
- onderwerp 3
Dit is de lead. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ik ben een tekstlink. Lees verder...Buttons
Buttons op een lichte achtergrond
PrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineBaseBase Outline
Buttons op een donkere achtergrond
PrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineWhiteWhite Outline
Tekst in kolommen
Breedte van de tekstkolom bij een blogartikel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Felis donec et odio pellentesque diam volutpat commodo. Et egestas quis ipsum suspendisse ultrices gravida. Nam libero justo laoreet sit amet cursus sit amet dictum. Est ante in nibh mauris cursus mattis molestie a.
Erat velit scelerisque in dictum non consectetur a. Turpis nunc eget lorem dolor sed. Tincidunt ornare massa eget egestas purus viverra accumsan in. Sed tempus urna et pharetra pharetra massa massa.
Ultrices eros in cursus turpis massa tincidunt dui. Nec feugiat nisl pretium fusce id. Est lorem ipsum dolor sit. Diam maecenas ultricies mi eget mauris. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Non quam lacus suspendisse faucibus interdum.
Metus dictum at tempor commodo. Pellentesque habitant morbi tristique senectus et netus. Nulla pharetra diam sit amet. Facilisi cras fermentum odio eu feugiat. Dictum fusce ut placerat orci nulla pellentesque.
Diam maecenas ultricies mi eget mauris pharetra et ultrices. Nibh venenatis cras sed felis eget velit aliquet sagittis id. Arcu ac tortor dignissim convallis. Velit dignissim sodales ut eu sem. Orci dapibus ultrices in iaculis. Adipiscing elit ut aliquam purus.
Orci ac auctor augue mauris augue neque gravida. Egestas integer eget aliquet nibh praesent tristique magna sit. Elementum integer enim neque volutpat ac tincidunt vitae.
ongeveer 2/3 van de page-width
Tekst over twee kolommen
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Felis donec et odio pellentesque diam volutpat commodo. Et egestas quis ipsum suspendisse ultrices gravida. Nam libero justo laoreet sit amet cursus sit amet dictum. Est ante in nibh mauris cursus mattis molestie a.
Erat velit scelerisque in dictum non consectetur a. Turpis nunc eget lorem dolor sed. Tincidunt ornare massa eget egestas purus viverra accumsan in. Sed tempus urna et pharetra pharetra massa massa.
Ultrices eros in cursus turpis massa tincidunt dui. Nec feugiat nisl pretium fusce id. Est lorem ipsum dolor sit. Diam maecenas ultricies mi eget mauris. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Non quam lacus suspendisse faucibus interdum.
Metus dictum at tempor commodo. Pellentesque habitant morbi tristique senectus et netus. Nulla pharetra diam sit amet. Facilisi cras fermentum odio eu feugiat. Dictum fusce ut placerat orci nulla pellentesque.
Diam maecenas ultricies mi eget mauris pharetra et ultrices. Nibh venenatis cras sed felis eget velit aliquet sagittis id. Arcu ac tortor dignissim convallis. Velit dignissim sodales ut eu sem. Orci dapibus ultrices in iaculis. Adipiscing elit ut aliquam purus.
Orci ac auctor augue mauris augue neque gravida. Egestas integer eget aliquet nibh praesent tristique magna sit. Elementum integer enim neque volutpat ac tincidunt vitae.
Eén tekst wordt verdeeld over 3 kolommen bij desktop-breedte.
Tekst over drie kolommen
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Felis donec et odio pellentesque diam volutpat commodo. Et egestas quis ipsum suspendisse ultrices gravida. Nam libero justo laoreet sit amet cursus sit amet dictum. Est ante in nibh mauris cursus mattis molestie a.
Erat velit scelerisque in dictum non consectetur a. Turpis nunc eget lorem dolor sed. Tincidunt ornare massa eget egestas purus viverra accumsan in. Sed tempus urna et pharetra pharetra massa massa.
Ultrices eros in cursus turpis massa tincidunt dui. Nec feugiat nisl pretium fusce id. Est lorem ipsum dolor sit. Diam maecenas ultricies mi eget mauris. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Non quam lacus suspendisse faucibus interdum.
Metus dictum at tempor commodo. Pellentesque habitant morbi tristique senectus et netus. Nulla pharetra diam sit amet. Facilisi cras fermentum odio eu feugiat. Dictum fusce ut placerat orci nulla pellentesque.
Diam maecenas ultricies mi eget mauris pharetra et ultrices. Nibh venenatis cras sed felis eget velit aliquet sagittis id. Arcu ac tortor dignissim convallis. Velit dignissim sodales ut eu sem. Orci dapibus ultrices in iaculis. Adipiscing elit ut aliquam purus.
Orci ac auctor augue mauris augue neque gravida. Egestas integer eget aliquet nibh praesent tristique magna sit. Elementum integer enim neque volutpat ac tincidunt vitae.
Our solutions
Forecasting, planning & scheduling
Forecast, plan, and schedule the way you want, not limited by your current applications. Make complexity and exceptions simple again, and feel assured by USoft’s stable platform with built-in advanced master data protection.
Delight your organization by giving them insights relevant for them, and by letting them manage their part of business processes conveniently and efficiently.
Choose your option: let USoft replace your existing legacy application, or make your existing application(s) future proof through a “wrapper”.
Read more...
Orchestration
Orchestrate, don’t overhaul your existing IT landscape, also if that is complex, fragmented and/ or contains legacy applications.
Minimize risk, costs, and lead time while flexibly adapting systems to your needs.
Get additional benefits such as automated manual error-prone work, auditable proof logs, and data/ insights currently scattered or locked.
Read more...
Case management
Handle ‘cases’ (unexpected events, disruptions, and opportunities) professionally and efficiently to stand out positively from your competitors.
Have all information and actions in one place to manage cases from start to finish, without touching your existing IT landscape.
Take pressure off your operations and organization, so that you can continue to build your business rather than solve ad-hoc issues.
Read more...
Solutions
Forecasting, planning & scheduling
Forecast, plan, and schedule the way you want, not limited by your current applications. Make complexity and exceptions simple again, and feel assured by USoft’s stable platform with built-in advanced master data protection.
Delight your organization by giving them insights relevant for them, and by letting them manage their part of business processes conveniently and efficiently.
Choose your option: let USoft replace your existing legacy application, or make your existing application(s) future proof through a wrapper”.
More on forecasting, planning and scheduling
Orchestration
Learn more...Orchestrate, don’t overhaul your existing IT landscape, also if that is complex, fragmented and/ or contains legacy applications.
Minimize risk, costs, and lead time while flexibly adapting systems to your needs.
Get additional benefits such as automated manual error-prone work, auditable proof logs, and data/ insights currently scattered or locked.
Case management
Learn more...Handle ‘cases’ (unexpected events, disruptions, and opportunities) professionally and efficiently to stand out positively from your competitors.
Have all information and actions in one place to manage cases from start to finish, without touching your existing IT landscape.
Take pressure off your operations and organization, so that you can continue to build your business rather than solve ad-hoc issues.
Kaders en kaarten
I am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
The most quotable part of the testimonial.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Person's Name
Person's Title
The most quotable part of the testimonial.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Person's Name
Person's Title
The most quotable part of the testimonial.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Person's Name
Person's Title
Tabs en sliders
Dit is de content van de eerste tab
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Dit is de content van de tweede tab
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. .. (2)
Feature-secties
Accent heading
Your heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
accent heading
Feature one
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
I am a button
accent heading
Feature two
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
I am a buttonaccent heading
Feature three
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
I am a buttonaccent heading
Feature four
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
I am a button
accent heading
This is a Call to Action
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Call to actionMaatvoering
Widths
There are six values you can use to control element width. They're automatically responsive.
Spacing
There are six levels of responsive spacing calculated from a base size and a mathematical scale. This ensures margin, padding, and gaps all match perfectly.
--space-xs
--space-s
--space-m
--space-l
--space-xl
--space-xxl