## Recognizing the Shared Page Frame Across Public and Admin Screens In **Sherkety ERP & Website Platform**, most screens follow the same basic frame, even when the purpose of the page changes. You will usually see a **top header** first, a **main content area** in the center, and on public pages a **footer or lower information area** near the bottom. This makes it easier to move between the website and the admin area without relearning the layout each time. On public pages such as the homepage, **Company Types**, **ERP System**, or the individual ERP app pages like **Accounting**, **Sales & CRM**, **HR**, **Purchasing**, and **Reporting**, the center of the page is usually wide and content-focused. You will see larger content blocks, comparison sections, FAQs, contact actions, and promotional sections designed for browsing and evaluation. These pages give more room to headings, text sections, cards, and call-to-action buttons such as **Request Demo** or **Start Trial**. Admin pages use the same overall spacing and content containers, but they add a more task-focused structure. After signing in through **Login**, pages such as **Dashboard**, **Content**, **Users**, **Settings**, **SEO**, **Services**, and **Pricing** are arranged for management work. In these areas, you are more likely to see a persistent side navigation area, tighter content spacing, and panels that separate forms, lists, and editing tools. Look for these visual cues on both public and admin pages: - A clear **page title** near the top of the main content - **Breadcrumbs** or location text above the page content - Distinct **cards** or bordered sections around lists, forms, and summaries - Consistent spacing between headings, controls, and content blocks - Separate panel areas for filters, editing fields, and related information [SCREENSHOT: public page showing header, main content area, and footer] [SCREENSHOT: admin page showing sidebar, page title, and content panels] If you already read [Understanding Breadcrumbs Drawers and Shared Navigation Patterns](doc:understanding-breadcrumbs-drawers-and-shared-navigation-patterns), think of this page as the next layer: not just how you move, but how the whole screen is organized around that movement. ## Finding Your Way with Navigation Menus, Breadcrumbs, and Context Cues The biggest difference between public and admin navigation in **Sherkety ERP & Website Platform** is the goal behind the menu. Public navigation helps you **discover** information. Admin navigation helps you **complete tasks**. On the public website, the top menu is built around browsing. You may move between pages such as **Services**, **Company Types**, **ERP System**, and specific ERP app pages. These menus are meant to help you compare offerings, read details, and decide where to go next. The page itself often includes additional links inside sections, cards, or footer areas so you can continue exploring related topics. In the admin area, navigation is more direct. After signing in, you move through management pages such as **Dashboard**, **Content**, **Users**, **Settings**, **SEO**, **Services**, and **Pricing**. These menu items are focused on editing, reviewing, and maintaining information. Instead of broad discovery, the layout helps you jump straight to the screen where work happens. Breadcrumbs and page-location cues are especially useful when you move deeper into the interface. Use them to confirm where you are and to return to a parent page without relying on your browser’s back button. Common location signals include: - A **breadcrumb trail** near the top of the page - A bold **current page title** - A highlighted item in the top menu or admin navigation - A selected **tab** inside a page section - A visible section heading above a list, form, or editor These cues matter because some pages in Sherkety ERP & Website Platform can look visually similar. A content page and an admin editor may both use cards, headings, and action buttons, but the surrounding navigation tells you whether you are reading website content or managing it. If you need a refresher on breadcrumb behavior itself, see [Understanding Breadcrumbs Drawers and Shared Navigation Patterns](doc:understanding-breadcrumbs-drawers-and-shared-navigation-patterns). ## Using Common Page Controls to Search, Filter, and Change Views Across both the public website and the admin area, **Sherkety ERP & Website Platform** reuses the same kinds of controls to help you narrow what you see. Once you recognize these controls, it becomes much easier to work with long lists, content collections, and category pages. Search fields usually appear near the top of a page or directly above a list. On public-facing pages, search may help you find services, ERP modules, or informational content. In admin pages, search boxes are more likely to appear above management lists such as **Users**, **Services**, **Pricing**, or content-related screens. If a page includes a search field, it is usually placed where you can use it before scrolling through the full list. You will also see filter controls grouped near the search area. These often appear as: - **Dropdown menus** for narrowing by category or type - **Date pickers** for choosing a single date or date range - **Status chips** or selectable labels - **Checkbox groups** for showing only matching items - Filter bars above tables, cards, or content grids Some pages also let you switch how information is displayed. Depending on the screen, this may appear as: - **Tabs** for moving between related sections - A segmented control for changing between views - **List** and **grid** display options - Sortable column headers in tables When a page contains many results, Sherkety ERP & Website Platform may use **pagination**, **Load more** controls, or sortable table headers to help you move through larger sets of information. This pattern appears in both public listings and admin indexes, so the same habits apply: use filters first, sort next, then move through pages if needed. [SCREENSHOT: list page with search box, filters, and pagination controls] For a deeper look at moving through long result sets, continue later with [Using Pagination and List Navigation Patterns](doc:using-pagination-and-list-navigation-patterns). ## Knowing Where Primary and Secondary Actions Appear Buttons in **Sherkety ERP & Website Platform** are usually arranged by importance. The main action on a page is designed to stand out, while supporting actions are placed nearby but shown with less visual emphasis. Learning this pattern helps you act quickly without clicking the wrong option. The **primary action** is usually the button Sherkety ERP & Website Platform expects you to take next. On public pages, this may be **Request Demo**, **Start Trial**, **Contact**, or another main call to action. In the admin area, the main action is more likely to be **Save**, **Create**, **Submit**, or another button that confirms your work. You will usually find this main button in one of these places: - In the **page header** near the title - At the bottom of a form - In a sticky action area that stays visible while editing - Near the top-right area of a list or management screen Secondary actions are still important, but they are intentionally quieter. These may include **Cancel**, **Back**, **Preview**, **Duplicate**, or **Export**. They often appear beside the main button, below the form, or inside a menu rather than using the strongest button style. In tables and card lists, actions may also appear at the item level. Look for: - Inline **Edit** or **View** buttons - Small action icons - A three-dot menu with more options - Open actions attached to the row or card itself Destructive actions such as deleting or removing content are usually protected by an extra confirmation step. Before the action is completed, you may see: - A confirmation dialog - Warning text - A disabled button until required information is complete - A need to select a row or item first [SCREENSHOT: admin form with Save as primary action and Cancel/Preview as secondary actions] [SCREENSHOT: table row showing inline actions and overflow menu] When you are unsure which button matters most, look for the one with the strongest visual emphasis and the clearest action label. ## Reading Forms, Lists, and Detail Pages with the Same Interaction Rules Whether you are editing website content in **Content**, reviewing entries in **Users**, adjusting **Settings**, or browsing structured information on public pages, **Sherkety ERP & Website Platform** uses familiar interaction rules again and again. Forms are usually divided into clearly labeled sections rather than showing every field in one long block. This makes it easier to understand what belongs together. As you work through a form, pay attention to: - **Field labels** placed directly above or beside each input - Required fields marked visually - Helper text placed near the field it explains - Validation messages shown next to the field that needs attention - Section headings that group related information Lists follow a similar pattern across admin pages and some public catalog-style pages. You can usually expect: - A header row naming each column - Checkboxes for selecting one or more rows - Clickable rows or action buttons for opening details - Search and filters above the list - An empty-state message when nothing matches the current filters Detail pages also share a common structure. After opening an item or a focused page, you will usually see a title area first, followed by supporting information such as status labels, grouped sections, or related content in tabs or side panels. This is true whether you are reading an ERP app page or reviewing a record in the admin area. Feedback also appears in familiar ways across the interface: - **Loading** messages or placeholders while content appears - **Error** messages when content cannot be loaded - **Success banners** or **toast notifications** after saving - Inline warnings when a field needs correction [SCREENSHOT: form with grouped sections and inline validation] [SCREENSHOT: list view with empty-state message and filters] These repeated patterns are useful because they reduce guesswork. Once you understand one well-designed form or list in Sherkety ERP & Website Platform, the next one will feel familiar. ## Avoiding Common Navigation and Action Mistakes Most navigation mistakes in **Sherkety ERP & Website Platform** come from missing context rather than from difficult controls. A quick check of the page title, navigation area, and button state usually tells you what is happening. If a button is visible but you cannot use it, check the page for common blockers first: - A required field may still be empty - A selection may be required before the action becomes available - Your account may not have access to that action - The page may still be loading part of the content This is especially common on admin pages such as **Content**, **Users**, **SEO**, **Services**, or **Pricing**, where actions depend on what you selected or completed. If expected content seems to be missing, the cause is often a filter or search term. Before assuming the item is gone, look for: - Active search text in the search box - Selected filter chips - A dropdown still set to a narrow category - A date filter limiting the visible results - A tab that is showing only one subset of content Clearing those controls often returns you to the default view. When you are not sure whether you are on a public page or an admin page, use the surrounding cues. Public pages usually emphasize reading and exploration, with wider content blocks and actions such as **Request Demo** or **Contact**. Admin pages usually include management navigation, editing tools, and actions such as **Save**, **Create**, or **Preview**. Before confirming a risky action, slow down and read the labels carefully. Watch for differences between actions like: - **Save** versus a more final action - **Delete** versus **Cancel** - A status badge that shows whether something is draft or already live - Warning text in a confirmation dialog [SCREENSHOT: confirmation dialog with warning text and disabled confirm button] If you regularly work between browsing and editing, these small checks will help you avoid most accidental changes. ## Overview This document focuses on the interface patterns that repeat across **Sherkety ERP & Website Platform**, especially when you move between public-facing pages and the admin area. The goal is not to teach one single page, but to help you recognize the layout habits that appear throughout the product so you can orient yourself faster. You will see these shared patterns on public pages such as **ERP System**, **Company Types**, **Accounting**, **Sales & CRM**, **HR**, **Purchasing**, and **Reporting**, as well as in admin pages such as **Dashboard**, **Content**, **Users**, **Settings**, **SEO**, **Services**, and **Pricing**. Even though these pages serve different purposes, they often reuse the same visual structure: - A top page frame with navigation and page identity - A central content area built from cards, sections, and panels - Search, filtering, and view controls placed near the content they affect - Primary actions displayed more prominently than supporting actions - Consistent feedback through loading messages, errors, and save confirmations This matters because Sherkety ERP & Website Platform connects website browsing with back-office management. A visitor may read service information, compare ERP modules, and follow contact actions on the public side, while an authorized user signs in and updates content or settings on the admin side. The interface stays familiar across both experiences so you can focus on the task rather than relearning the screen. This guide also builds on [Understanding Breadcrumbs Drawers and Shared Navigation Patterns](doc:understanding-breadcrumbs-drawers-and-shared-navigation-patterns). That earlier document explains movement and location tools in more detail. Here, the focus is broader: how whole pages are arranged, where controls usually appear, and how to interpret common action placement across the product. ## Prerequisites You do not need any advanced setup before using this guide, but it helps to have already spent a little time moving around **Sherkety ERP & Website Platform**. The examples here make the most sense if you have seen at least a few public pages and at least one admin page. Before applying the patterns in this guide, you should be comfortable with these basics: - Opening public pages such as **ERP System**, **Company Types**, or an ERP app page like **Accounting** or **HR** - Recognizing the main website header and footer areas - Signing in to the admin area if your role allows access - Opening common admin pages such as **Dashboard** or **Content** - Noticing page titles, tabs, cards, and action buttons If you have not yet covered the navigation foundation, read [Understanding Breadcrumbs Drawers and Shared Navigation Patterns](doc:understanding-breadcrumbs-drawers-and-shared-navigation-patterns) first. That document explains the movement cues this guide builds on. It also helps if you already know the difference between browsing and editing in Sherkety ERP & Website Platform: - **Public pages** are for reading, comparing, and taking next-step actions such as **Request Demo** or **Contact** - **Admin pages** are for managing content, settings, users, services, pricing, and search-facing information You do not need to memorize every screen name before continuing. The main requirement is simply being able to identify whether you are on a public page or in the admin area. Once that is clear, the shared patterns in this guide become much easier to spot. For the next pattern-focused topic, continue with [Using Pagination and List Navigation Patterns](doc:using-pagination-and-list-navigation-patterns).