Brands813
↑ ↓ to browse
View full design.md ↗
Orion (Kagi)· Browserkagi.com/orion
Browser

Orion (Kagi)

Near-white canvas with a faint lavender lift, a single violet-purple brand accent, Lufga's geometric warmth at every size, and a clean precision that says privacy doesn't have to be austere.

Color Palette22 tokens
background#f8f7fc
surface#ffffff
surface-tint#f2f0f9
surface-dark#191919
ink#191919
on-background#191919
on-surface#191919
ink-secondary#525252
ink-muted#8e8e8e
ink-inverted#ffffff
primary#914ff2
on-primary#ffffff
primary-deep#7b43ce
primary-soft#8d5bbf
primary-container#ede5fb
hover-bg#f7f7f7
hover-ink#1f1f1f
focus-ring#914ff2
focus-tint#ede5fb
border#e5e3f0
border-soft#ebebeb
shadow-soft#d4cfe8
Buttons
TypographyGoogle Font
DM Sansbrand uses Lufga
display

The quick brown fox

60px · 700 · -0.5px
heading-section

The quick brown fox

36px · 600 · -0.25px
heading-sub

The quick brown fox

24px · 600 · 0px
heading-small

The quick brown fox

20px · 600 · 0px
body-large

The quick brown fox

24px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Orion (Kagi)

Near-white canvas with a faint lavender lift, a single violet-purple brand accent, Lufga's geometric warmth at every siz…

Browser
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Orion (Kagi)
Near-white canvas with a faint lavender lift, a single violet-purple brand accent, Lufga's geometric warmth at every size, and a clean precision that says privacy doesn't…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewOrion (Kagi) just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeBrowserOrion (Kagi)
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Orion (Kagi).
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Orion (Kagi) tokens
export const theme = {
  primary: "#914ff2",
  radius: "10px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Orion by Kagi opens on a canvas that's almost white but not quite — the faintest wash of lavender lifts it off clinical neutrality, hinting at the violet accent before a single but…

Orion (Kagi) · Browser

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
DuckDuckGo79%

shared styles: Minimal, Light · same category: Browser

Brave76%

shared styles: Minimal, Cool · same category: Browser

SAP75%

shared styles: Minimal, Cool, Light · visual DNA: Light, Colorful, Cool

Vivaldi73%

shared styles: Minimal, Light · same category: Browser

Loom69%

shared styles: Minimal, Cool, Light · visual DNA: Light, Colorful, Cool

Adobe67%

shared styles: Minimal, Cool, Light · visual DNA: Light, Cool, High contrast