Skip to content
Skip to breadcrumbs
Skip to header menu
Skip to action menu
Skip to quick search
Support Wiki
Spaces
Hit enter to search
Help
Online Help
Keyboard Shortcuts
Feed Builder
What’s new
About Confluence
Log in
SAP Imagineering
Pages
Page tree
Browse pages
Configure
Space tools
A
t
tachments (6)
Page History
Page Information
Resolved comments
View in Hierarchy
View Source
Export to PDF
Export to Word
Pages
SAP Imagineering Home
SAP Fiori tools – Design Guidelines
Skip to end of banner
Jira links
Go to start of banner
The SAP Fiori tools components
Skip to end of metadata
Created by
Goran Peuc
, last modified on
Jul 29, 2022
Go to start of metadata
Home
Project Foundations
The SAP Fiori tools components
Project Generator
Service Modeler
Application Modeler
Guided Development
Guided Answers
Data Editor
XML Annotation Language Server
UX Guidelines
General Guidelines
Screen Size
Construction Zones
The Grid System
Toolbar
Tables
Side Panels
Contextual Menus
Success and Error Toasts
Loading and Waiting
Inline Validation
Tooltips
Input Fields
Application States
Colors
Typography – System Stack
Typography – Styles
Animation
Colours
Colour List
Special Colours
Colour Picking Rules
Samples
UI Kit
UI & Action Icons
Extension Icons
Command Palette
Common Words
Design Process
The Tools
SVG export
Design Tests
Proximity to the original
Colour variables
Theming support
High Contrast support
UI consistency
Special states
Responsiveness and adaptiveness
Keyboard accessibility
The extensions comprising the suite
Project Generator
Builds standardised service-based applications for you.
Service Modeler
View services and manage annotations with ease.
Application Modeler
Visualize and edit application pages in a quick and efficient way.
Guided Development
Master documentation too quickly and effortlessly apply code snippets to
Fiori Elements applications.
XML Annotation Language Server
Define annotations and write error free code.
No labels
Overview
Content Tools
{"serverDuration": 115, "requestCorrelationId": "c976b8b5ed6f445b"}