RossellBusiness & Associates

Design System

One standard, applied everywhere.

Clarity, wisdom, stewardship, excellence, trust, professionalism, order, and service — expressed as type, color, spacing, and motion.

Typography

Five voices, never more.

Display for arrival. Primary for chapters. Section for structure. Body for understanding. Caption for support.

Display

Clarity for the next step.

Primary headline

You may not need to start over.

Section headline

The Rossell Method

Body

Body text is set for comfort: generous line height, a limited measure, and warm gray on charcoal so long passages stay effortless on a phone.

Caption

Supportive detail. Lightweight. Never competing.

Color

Gold is emphasis, never decoration.

Charcoal carries the room. Ivory carries the words. Gold appears only where attention is earned.

Deep Charcoal

Primary background

Warm Ivory

Primary text

Soft Stone

Surface

Muted Gold

Accent only

Warm Gray

Secondary text

Pure White

Rare emphasis

Buttons

Every press should feel considered.

Primary fills. Secondary outlines. Text buttons carry an animated underline. All targets clear 44 pixels.

Cards & Icons

Rounded, quiet, and consistently proportioned.

Glass surfaces for featured content, flat surfaces for lists. One icon family across the entire site.

Career

Positioning, direction, and the next role.

Business

Systems, operations, and durable structure.

Organization

Alignment for teams, churches, and nonprofits.

Not sure

Start with clarity before choosing anything.

Forms

Large fields. Honest labels. Clear confirmation.

Inputs are tall enough for thumbs, labelled for screen readers, and validated without alarm.

Used only to reply to you.

Motion

Purpose before decoration.

Fade, scale, slide, blur, depth, elevation, counters, and timelines. Nothing spins, flashes, or bounces.

Micro — 200ms

Taps, icon shifts, underline growth.

Hover — 500ms

Card elevation, border warming, color change.

Reveal — 1100ms

Entrance blur, fade, scale, and slide.

Easing

cubic-bezier(0.16, 1, 0.3, 1) on every transition.

0 yrs

Practice in consulting and development

0%

Clients who continue to a next step

0

Levels in the Pay As You Grow model

Trust & Accessibility

Standards we hold ourselves to.

No fake urgency. No countdowns. No claims we cannot support.

  • Transparent pricing

    Every price is published before you speak with us.

  • Clear expectations

    Deliverables, timelines, and revisions stated in writing.

  • Privacy commitment

    Your information is never sold or shared.

  • Accessible by default

    High contrast, keyboard navigation, reduced-motion support.

Reviewing a page? Tell us where it felt unclear — consistency is a standing commitment, not a launch task.