00
Design System
One system. Every new page.
Type /design-system in the Agent panel with your prompt to create your first page based on this design system.
Recommended model: GPT 5.6 Sol or above.
01
Typography
1. Core text styles
Heading 1 ? General Sans ? 90px / 60px / 50px ? 600 ? Uppercase
WE TAKE THE BUSYWORK OFF YOUR PLATE
Heading 2 ? General Sans ? 45px / 35px / 25px ? 600 ? Uppercase
BETTER SYSTEMS. LESS BUSYWORK.
Section titles and primary feature headlines
Body 16 ? General Sans ? 16px / 14px ? 400
We find the repetitive tasks slowing your business down and replace them with simple systems.
Standard body copy and paragraph descriptions
Body 14 (Geist Mono) ? Geist Mono ? 14px ? 400 ? Uppercase
ORCA AUTOMATION AGENCY · 2026
Badges, category tags, steps, and system metadata
Heading 3 · General Sans · 35px / 30px / 26px ? 500
Automating Workflows That Drive Measurable Growth
Card titles, sub-sections, and modal headings
Body 24 · General Sans · 24px / 22px / 20px · 500
Connect your tools and run operations on autopilot.
Featured quotes, lead intros, and large callouts
Body 22 · General Sans · 22px / 20px / 18px · 500 · Uppercase
BUILT FOR MODERN BUSINESS OPERATIONS
Sub-headers, banner callouts, and section kickers
Body 20 · General Sans · 20px / 18px / 16px · 500
Simple systems that run quietly in the background so your team can focus on what matters.
Section introductory paragraphs and lead copy
Body 16 Medium · General Sans · 16px / 14px · 500
Maps your workflows and decides what is worth automating.
Emphasized body text, card subtitles, and strong paragraphs
Body 14 · General Sans · 14px · 400
Standard metadata, footnotes, and supporting copy across components.
Small UI copy, disclaimers, timestamps, and captions
2. CMS text styles
Heading 1 (CMS) · General Sans · 90px / 60px / 50px
Evidence you can trust.
Heading 3 (CMS) · General Sans · 35px / 30px / 26px
Built for review
Intro (CMS) · General Sans · 24px / 22px / 20px
A concise introduction for long-form updates and case studies.
Body (CMS) · General Sans · 16px / 14px
Standard body copy and formatted paragraphs within articles.
3. Link styles
Link Underline White · Default and hover
Link Underline Gray · Default and hover
Link White · Default
02
Colours
Black
#0B0B0B
RGB (11, 11, 11)
White/White
#F9F9F9
RGB (249, 249, 249)
Red
#E64C18
RGB (230, 76, 24)
Dark Gray
#171616
RGB (23, 22, 22)
Gray/Gray
#72716F
RGB (114, 113, 111)
White 12%
#F9F9F9 12%
RGBA(249, 249, 249, 0.12)
White 70%
#F9F9F9 70%
RGBA(249, 249, 249, 0.70)
Divider
#FFFFFF 10%
RGBA(255, 255, 255, 0.10)
Surface
#FFFFFF 5%
RGBA(255, 255, 255, 0.05)
Gray (Utility)
#999999
RGB(153, 153, 153)
03
Imagery
04
Components
A complete reference of the reusable interface components available across the Sift website.
Navigation Link
Inline Link
Buttons (Primary & Secondary CTA)
Submit Buttons (Arrow & Status Variants)
FAQ Accordion (Closed & Open States)
01
How does Orca build custom automation systems?
02
What tools and platforms do you connect?
We connect CRMs, messaging apps, project tools, payment gateways, and databases into one cohesive workflow.
Card
With a CTA
Image Card
Logo Grid
Service Card
Analytics Card
Testimonial
Pricing Section