Other sites
25 February 2021
English
|
عربي
Login
|
Register
Home
|
Newsroom
|
Contact Us
Office of the Minister of State for Administrative Reform (OMSAR)
Website Standards and Guidelines
About this Site
Policy
Background
Context
Objective
Purpose / Rationale
Applicability
Policy Statement
Principles
Legal Context
Sustainability and Monitoring
Exemptions
Review of The Policy
Standards & Guidelines
Implementation and Compliance
Identifiers
Design
Accessibility
Development
Hosting
Content and Services
Privacy and Copyright
Promotion
Maintenance
Documentation and Training
Audit and Review
Toolkit
Design Manual
Templates & Components
Design Layouts
How To Use The Toolkit
Compliance Matrix
Tools & Resources
Compliance Tests
Glossary
Forums
»
Toolkit
»
Design Manual
»
Section Landing Page
»
Section Landing Page Areas
Design Manual
Homepage
Alternative Main Area
Alternative Side Navigation & Skinning
Variations With Different Colors
Variations With Background Image
Homepage Areas
Variations of Headers & Footer
Variations of News/Main Area
Main Content Column Modules
Left Side Column Modules
Section Landing Page
Section Landing Page Areas
Content Page
Content Page Areas
Content Page With Cross Links & Text Styling
Other Sub Pages
Listing Pages & Details
Gallery Pages & Details
Form Page
Collapsible Content Listing Page
Search Result Page
Grid & Measurements
Typography: Font
Typography: Sizes
Color Schemes
Color schemes applied (1)
Color schemes applied (2)
Color schemes applied (3)
Color schemes applied (4)
Color schemes applied (5)
Navigation & Link States
Main Navigation
Side Navigation & Text Links
Other Languages: English
Templates & Components
Design Layouts
How To Use The Toolkit
Compliance Matrix
Tools & Resources
Download all Templates & Components
Download all Design Layouts
Download The Design Manual
Download The Compliance Matrix
How To Use The Toolkit
Section Landing Page Areas
Font
+
-
a. Bread crumbs
Bread crumbs to indicate which page the user is on
b. Side
navigation
Side
navigation
with two levels of additional drop-down states as shown
c. Landing page title
Title in the color of the website's color scheme
Share, print and increase font size options are placed at the end of the line
d. Highlighted content area
Contains image with key messages (or news) related to the selected section
e. Main content and left side column
Grid broken down into additional columns to fit the side
navigation
and give more space to the main content area
Various modules used for highlighting the different sub-sections of the selected page
The highlights can be in the colors of the website theme
Enlarge Photo
Send Your Feedback
Last updated on: 12/09/2011 - 12:25 PM
Please
login
to start checking and adding Comments
Close
Username
Password
Not a member? Click
here
to register.
All rights reserved ©
Sitemap
|
Copyright
|
Privacy
|
Disclaimer
This site is hosted by the
Office of the Minister of State for Administrative Reform
(OMSAR).