Regular glass
Room for
what matters.
Light passes through.
The content stays in focus.
One material.
Every element.
A complete glass system for JarvisPanel.
Softly layered. Clear in every state.
نظام واحد. حضور في كل تفصيلة.
Explore the components
Room for
Make it yours.
A shared material, not a shared opacity.
Regular glass separates controls. Quiet glass protects dense content. Clear glass lets the scene breathe. All three keep the same fine rim, rounded shape and soft shadow.
Inspect the foundationsJarvisPanel · Glass SystemOriginal lion. New material language.
Theme, material and direction apply to the whole system.
Depth, without
the distraction.
The scene gives glass its colour. Diffuse transparency, a fine illuminated rim and a soft shadow make every surface part of the same family—not a lens or a metallic finish.
Let the scene in.
Open, low-density compositions.
Never unprotected fine text.
A little separation.
Controls, navigation and floating surfaces.
Keep a clear head.
A denser layer for fields, tables and longer reading.
Opaque mode retains the same edges, hierarchy and colour roles, without background filters. It is an accessibility variant, not a different visual system.
Colour has a role.
Two scripts. One rhythm.
Room to think.
مساحة للفكرة.
خط IBM Plex Sans Arabic 400 / 700
A system,
not a sample.
Working controls, complete surface families and explicit states. Every example is local. Change the theme above to inspect the same components in light or dark.
Actions
One hierarchy. A consistent edge and a clear response.
Inspect action states
Default
Hover specimen
Pressed specimen
Focus specimen
Disabled
Selection
Same shape language, native form semantics. Status uses more than colour.
Segmented control
Fields
Quiet interiors. Visible labels. Helpful errors. A material system that leaves the words alone.
Use a complete address, such as name@example.com.
Structure
Navigation, content and data belong to the same world. Quiet is a density—not an exception.
Build from the same foundations.
Use shared tokens for material, shape, spacing, typography and state. Keep a visible label and a clear next action.
The state is part of the component.
Default, hover, pressed, focus-visible, selected, disabled, loading and invalid apply where the control supports them. Status combines text, shape and colour.
Use the keyboard, too.
Arrow keys move within this tablist. Home and End select its endpoints. These tabs are independent from the opening preview. RTL reverses horizontal arrow movement.
| Asset | Format | Status |
|---|---|---|
| Design tokens | JSON | Approved |
| Component styles | CSS | Approved |
| Component manifest | JSON | Approved |
Floating layers
Anchored, legible and dismissible. Depth explains the relationship without stealing attention.
Feedback
Explain what happened and what comes next. Never rely on colour alone.
DraftReadyNeeds reviewIncomplete
A clear place to start.
No note in this specimen yet. Try the local form to see the filled state.
Write a sample noteStill unmistakably
JarvisPanel.
The original lion geometry anchors the system. A soft pearl expression and a frosted enclosure carry the new material. Flat marks remain right for small sizes and print.
The material expression.
Light, without a metallic finish.
JarvisPanel names the platform and services.
Jarvis / جارفس names the assistant.
A moment of light.
Then, room to work.
A one-shot brand reveal with the same diffuse surfaces. Nothing autoplays or blocks access to the interface. Reduced motion uses a still image.
Download MP4 Soundless. Play once. No autoplay.
Beyond the interface.
Social layouts, a presentation cover and a printable letterhead. Editable compositions use the same typography, material and quiet hierarchy.
A complete system.
A considered decision.
Approved by Yazeed on 3 October 2026. This is the current brand system; earlier versions are preserved separately in Legacy. Design approval does not imply a live service deployment.
Brand & component guidePDFDesign tokensJSONTheme tokensCSSComponent manifestJSONOutlined wordmarkSVGFrosted application iconPNGEditable applicationsOpenRelease & verification scopeRead
هذه النسخة معتمدة من يزيد. الإصدارات السابقة محفوظة في Legacy. ملفات الخط السعودي الخام للاستخدام المحلي، وليست ضمن حزمة المشاركة؛ تعليمات المصدر والترخيص مرفقة.