Crystal components
Every component from the design canvas, in each state. Check light and dark, keyboard focus (Tab), reduced motion and a 360px window.
Buttons
AI for AI actions, human (gold) for booking a person, glass for everything else.
Glass panels
Glass
The default card for content.
Glass with prism edge
Marks the main place to act, like the problem box.
Dropping your rate signals risk to US buyers. Lead with one niche and one proof point.
A 30-minute expert call would likely help
Pricing for US buyers depends on market experience AI can't replace.
Talk to Bilal's twin
In Bilal's own voice and accent. Every reply is labelled as AI.
Chips, verified badges and status
Hover, focus or tap a verified badge to see what was checked.
Avatars
Gold for experts, blue for clients. The spinning ring means the expert has an AI twin.
AI orb
Blue for AI, gold for twins and voice. Rings for listening and hero moments.
Inputs
Every field has a label. Hints and errors are announced with the field.
We send a 6-digit sign-in code.
Enter the full number, for example 0300 1234567.
Tabs
Arrow keys, Home and End move between tabs.
Chat with Bilal's twin by text.
Page tabs mark the current page from the URL:
Segmented control
One choice from a few options. Arrow keys move the selection; disabled options are skipped.
Toast
Short confirmations, announced to screen readers.
Nav bar
The bar at the top of this page. Below 768px the links and actions fold into the menu button.
Admin sidebar
Desktop-first. On phones it becomes a scrolling row above the content.
Today
Pending verifications
5
Open disputes
1