Brand Architecture & Visual Foundation

AI-Powered Growth Partner for Small Businesses

Modern, minimal, trustworthy. Confident and clean. Rooted in the organic swirl geometry of the Ceratics logo, our palette marries vibrant teal and lime gradients with calm, architectural neutrals.

Ceratics Swirl Icon

Teal-to-Lime Dynamic Gradient

1. Primary Gradient (Exact Logo Sampling)

Sampled directly from the flowing ribbon lines of the Ceratics logo. Used for hero accents, primary actions, badges, and focal brand moments.

linear-gradient(135deg, #07bfc1 0%, #3fcba6 50%, #9cdc6c 100%)Ceratics Signature Flow

Start (Teal)

#07bfc1

rgb(7, 191, 193) • Logo Teal Anchor

Midpoint (Mint)

#3fcba6

rgb(63, 203, 166) • Dynamic Flow Transition

End (Lime Green)

#9cdc6c

rgb(156, 220, 108) • Logo Lime Anchor

2. Brand Color Tokens & Neutrals

Brand Teal Scale (Primary Accent)

Tailwind: brand-teal-[50..950]

#f0fdfc

100

#ccfbf1

200

#99f6e4

300

#5eead4

400

#2dd4bf

500LOGO

#07bfc1

600

#0d9488

700

#0f766e

800

#115e59

900

#134e4a

950

#042f2e

Brand Lime Scale (Vibrant Growth)

Tailwind: brand-lime-[50..950]

#f7fee7

100

#ecfccb

200

#d9f99d

300

#bef264

400LOGO

#9cdc6c

500

#84cc16

600

#65a30d

700

#4f7c0f

800

#3f6212

900

#365314

950

#1a2e05

Light Mode Palette

Default

Soft off-white background (#fbfcfb) with near-black readable text (#0f1715).

Card Surface#ffffff

Muted Element#f0f4f2

Muted Text#52605b

Border & Divider#e2e8e5

Dark Mode Palette

Sleek Dark

Deep charcoal near-black background (#080c0b) with off-white text (#f2f6f4).

Card Surface#0f1513

Muted Element#16201c

Muted Text#94a39d

Border & Divider#1e2b25

3. Typography Hierarchy via next/font

Headings: Plus Jakarta Sans

Geometric, confident, modern curves matching the Ceratics logo geometry.

Display (48px - 60px)

Intelligent Growth

Heading 1 (36px)

Scale Your Business with AI

Heading 2 (30px)

Built for Growth Leaders

Heading 3 (24px)

Trustworthy & Scalable Architecture

Heading 4 (20px)

Measurable ROI from Day One

Body & UI: Inter

Ultra-clean, crisp readability at all screen densities and weights.

Body Large (18px)

Ceratics delivers high-precision AI solutions that empower small businesses to automate operations and win customer trust.

Body Regular (16px)

Our platform integrates seamlessly with existing workflows, delivering transparent metrics, reliable uptime, and clear insights.

Body Small (14px)

Designed for supporting metadata, descriptions, tooltips, and secondary navigation links across the product interface.

Monospace / Code (13px)

npm install @ceratics/growth-engine

4. Buttons & Badges

Button Variants

All buttons support hover feedback, active press states, and accessibility focus rings.

Sizes & Icon Pairings

Badge Tokens

Gradient Growth

AI Optimization

Verified Partner

Small Business

Enterprise Ready

5. Cards & UI Surfaces

Autonomous Lead Triage

Instant AI responses that qualify high-intent inquiries 24/7 without manual overhead.

Connects directly to your CRM with sub-second response times and transparent audit logs.

AVERAGE CLIENT METRIC

+142% MoM

3.4x

Faster Lead-to-Customer Velocity

Response Latency< 15 seconds

Conversion Lift+28.4%

Benchmarked against 45+ small business implementations.

Enterprise Security

SOC-2 compliant data privacy and encrypted agent memory isolation.

Zero data retention for third-party LLM training
Encrypted audit logging and role-based access
99.9% uptime SLA with failover protection