Style Guide

01 Brand overview

Rush In — Brand & UI System

The single source of truth for the Rush In Documentation Center brand. Every value below is extracted directly from the live website — colors, type, spacing, effects, components and assets. Click any value to copy it.

Rush In
Fast, Secure, Done Right.

Trustworthy, precise and premium. A navy-and-gold identity built for a document-services brand serving Southern California since 1994.

Book ConsultationUpload Documents
Typeface
Ubuntu + Montserrat
Core colors
Navy #283778 · Gold #FFC805
Voice
Certified · Fast · Reassuring
Since
1994 · Southern California
03 Color system

Color palette

Navy carries the brand; gold drives action; blue supports; neutrals build the calm, trustworthy surfaces. Click a swatch to copy its HEX.

Primary — navy
Primary
#283778
--brand-primary
Primary hover
#33438D
--brand-primary-hover
Deep navy
#1D2A5E
--brand-primary-deep
Ink / text
#1D2540
--brand-ink
Accent — gold
Accent gold
#FFC805
--brand-accent
Accent hover
#FFD84D
--brand-accent-hover
Logo gold
#FFD300
--brand-gold-logo
Blue accents
Sky blue
#4AA4EA
--brand-blue
Soft blue
#8FBEF0
--brand-blue-soft
Neutrals & surfaces
Surface
#FFFFFF
--surface
Surface 1
#F6F8FC
--surface-1
Surface 2
#F2F5FB
--surface-2
Surface 3
#EEF1F8
--surface-3
Border
#E4E8F3
--border
Border strong
#C9D2E8
--border-strong
Text
Muted
#5B6480
--text-muted
Subtle
#8A91A8
--text-subtle
Dark surfaces
Hero navy
#151C40
--brand-navy-hero
Footer navy
#1B2450
--brand-navy-footer
Status
Success
#2E7D46
--success
Success bg
#F0F9EE
--success-bg
Warn border
#F5E3A0
--warn-border
Warn bg
#FFF9E6
--warn-bg
Gradients
--grad-primary
--grad-hero
--grad-urgent
--grad-cta
--grad-gold
04 Typography

Type system

Ubuntu (700) for headings and numbers; Montserrat (400–700) for body and UI. Tight tracking on display; comfortable 1.6–1.65 line-height on body.

Ubuntu
Headings · numbers · logo
--font-heading
AaBbCc 0123456789
Montserrat
Body · UI · buttons
--font-body
AaBbCc 0123456789
Display
Ubuntu 700
clamp(34px · 58px)
Fast, Secure, Done Right
H1
Ubuntu 700
clamp(28px · 44px)
Professional Notary & Apostille
H2
Ubuntu 700
clamp(28px · 42px)
Every document service, one team
H3
Ubuntu 700
18–21px
Apostille & Embassy Authentication
H4
Ubuntu 700
16–18px
Mobile & in-office notary
Body L
Montserrat 400
17px
Expert support from certified professionals with 30+ years of experience.
Body
Montserrat 400
15px
Notary Public, apostille, certified translation, Live Scan, passport & visa services.
Small
Montserrat 600
13.5px
Bonded · Licensed · Court-certified
Eyebrow
Montserrat 700
13px · 0.12em
WHAT WE HELP WITH
Type playground
Fast, Secure, Done Right
Fast, Secure, Done Right
05 Spacing, grid & responsive

Layout foundations

A 4px-based spacing scale, a 1240px max-width container, a 12-column grid, and the breakpoints the site actually uses.

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
20px
--space-6
24px
--space-8
32px
--space-10
40px
--space-14
56px
--space-18
72px
--space-24
96px
12-column grid · 1240px container
1
2
3
4
5
6
7
8
9
10
11
12
Breakpoints
560px
Small phone
600px
Phone
768px
Tablet
900px
Small laptop
1040px
Nav collapse
1240px
Container
06 Radius · borders · shadows · FX

Effects & elevation

Soft navy-tinted shadows, generous rounding, and the signature floating-badge motion. Click to copy the CSS.

Radius
--radius-sm
10px
--radius-md
12px
--radius-lg
14px
--radius-xl
18px
--radius-2xl
20px
--radius-3xl
24px
--radius-pill
full
Shadows
--shadow-float
--shadow-card
--shadow-btn
--shadow-pop
--shadow-modal
Signature FX
Floating badge
Glass on navy
Hover-lift card (−4px)
07 Core UI components

Component library

The real building blocks of the site — buttons, inputs, pills, cards, rating, accordion — with their true states.

Buttons
Book ConsultationGet a QuoteUpload Documents +1 323 645 1600
Request Urgent ServiceGhost on dark
Inputs & states
Default
Focus
Error
Disabled
Badges, pills & tints
Ukraine AuthenticatedTake note Same-day available
Service pillService pillService pillService pillService pillService pill
Cards & rating
Notary Public
Acknowledgments and jurats — same-day available.
Learn more →
★★★★★
“Wonderful staff and a pleasure to work with.”
G
Gary V
Google review
Accordion
Yes — if the document appears fraudulent, ID can’t be provided, or the signer can’t appear in person.
08 Icons & favicons

Iconography

A single custom Lucide-style set: 24×24 grid, 1.75–2px stroke, rounded caps & joins, currentColor. Below is the full set used across the site.

phone
menu
upload
shieldCheck
clock
award
mapPin
zap
fileCheck
fileSeal
fileLines
notary
scale
feather
globe
idCard
fingerprint
searchDoc
heart
search
home
cup
monitor
info
check
bank
idCardWide
play
lock
send
instagram
podcast
arrowLeft
arrowRight
coins
Favicon set
favicon.svg
favicon.svg
Download
favicon.ico
favicon.ico
Download
16×16
16×16
Download
32×32
32×32
Download
apple-touch 180
apple-touch 180
Download
android 512
android 512
Download
09 Imagery

Photography & visual style

Warm, professional, real. Navy-and-gold grade, soft natural light, shallow depth of field, people with genuine expressions. Documents shot with precision and negative space.

Hero · office (16:9)
Hero · office (16:9)
People · portrait (3:4)
People · portrait (3:4)
Documents · still life
Documents · still life
Global · conceptual
Global · conceptual
Team · headshot (1:1)
Team · headshot (1:1)
In-context · service
In-context · service
Palette
Navy shadows, gold warmth
Light
Soft, natural, directional
Depth
Shallow — subject in focus
Crop
16:9 · 4:5 · 1:1 · 3:4
People
Open eyes, genuine smiles
Space
Room for text overlay
10 Motion & interaction

Motion language

Quick, confident micro-interactions (150ms) and slow, calm ambient floats (5–7s). Nothing flashy — motion reinforces trust.

0.15s
Hover / press
--dur-fast
0.2s
Card transition
--dur-mid
0.25s
Progress / tabs
--dur-slow
5–7s loop
Float ambient
riFloat
Hover: lift −4px + shadow
riFloat (−10px)
riFloat2 (+8px)
11 Design tokens

Tokens & export

Every value on this page is generated from one source and exported as CSS custom properties and JSON. Change the source, and the guide updates itself.

:root { --brand-primary: #283778; --brand-accent: #FFC805; --brand-ink: #1D2540; --font-heading: 'Ubuntu', sans-serif; --font-body: 'Montserrat', system-ui, sans-serif; --radius-2xl: 20px; --shadow-card: 0 20px 40px -14px rgba(40,55,120,.22); }
design-tokens.cssdesign-tokens.json
12 Social media system

Social presence

Social is an extension of the site — same navy/gold, same Ubuntu/Montserrat, same rounded shapes and hierarchy. Consistent avatar, cover and post templates.

avatar
Profile avatar · glyph on navy
RUSH IN · TIP
Do you really need a notary?
Vital records don’t — powers of attorney do. Swipe for the checklist.
Learn more
13 Banner concepts

Ready-made ad banners

Real campaign banners — eyebrow, headline, offer and CTA locked to the brand type and palette, on Higgsfield-generated navy/gold backgrounds with a darkening scrim for legibility.

Rush In
SINCE 1994 · SOUTHERN CALIFORNIA
Notary, Apostille & Documents — Done Right
Certified professionals, same-day service.
Same-day available
16:9 · SINCE
Rush In
RUSH IN DOCUMENTATION
Apostille in 190+ countries
State & federal, handled end to end.
Get a quote today
1:1 · RUSH
Rush In
MOBILE NOTARY
We come to you
Same-day across Los Angeles & San Diego.
Book a consultation
4:5 · MOBILE
Rush In
URGENT SERVICE
Need it done today?
Fast, secure document services.
Call 24/7 hotline
9:16 · URGENT
Banner 16:9 PNGBanner 1:1 PNGStory 9:16 PNG
14 Social formats & adaptation

Format adaptation

Not a crop — a recompose. The same message re-flows for feed (1:1), portrait (4:5), story (9:16) and link (1200×628). Keep logo, headline and CTA inside the story safe-zones.

Done Right, on time.
Book now
1080×1080
Done Right, on time.
Book now
1080×1350
Done Right, on time.
Book now
1200×628
SAFE · LOGO
SAFE · CTA
Done Right, on time.
Book now
1080×1920
15 AI visual guidelines

Higgsfield prompt templates

Reusable prompts that keep AI imagery on-brand. Swap the [VARIABLES]; always end with “no text, no logos”, keep people’s eyes open, and leave negative space for copy.

Advertising visual

Premium advertising background for Rush In Documentation Center: [SCENE] in a deep navy blue (#1D2540→#283778) mood with warm gold (#FFC805) light accents, cinematic shallow depth of field, clean empty negative space for text, elegant and trustworthy. No text, no logos, no lettering, no watermark.

Person / portrait

Studio portrait of [SUBJECT], eyes wide open looking at camera, warm genuine smile, professional navy attire, plain deep navy blue seamless backdrop with soft gold rim light, premium editorial lighting, sharp focus. No text, no logos.

Product / hero object

Cinematic still life of [PRODUCT] (e.g. apostille folder, passport, wax seal) on a clean surface, deep navy and gold tones, warm directional light, shallow depth of field, premium and precise. No readable text, no logos, no lettering.

Abstract / texture

Abstract brand texture for [CAMPAIGN]: smooth deep-navy gradient with subtle gold light bloom and soft bokeh, minimal, elegant, lots of negative space. No text, no logos, no lettering.

16 Do / Don’t

Usage rules

Keep the system consistent. The quick reference below covers the mistakes that most often break the brand.

Color
Navy for structure, gold only for the primary action.
Fill large areas with gold or use gold text on white.
Type
Ubuntu for headings, Montserrat for body.
Mix in other fonts or center long paragraphs.
Logo
Use white/mono on dark or busy backgrounds.
Place navy logo on navy, or recolor the mark.
Banners
Add a scrim so text stays legible over photos.
Put text over a busy area or the subject’s face.
AI images
Open eyes, natural light, brand palette, no text.
Ship AI frames with gibberish baked-in text.
Buttons
One primary action per view.
Stack multiple gold buttons competing for focus.
17 Brand asset download center

Download center

Everything, ready to ship. All links below point to real, generated files in the project.

Logo package
SVG (color · white · mono) + PNG 128→2048
Favicons
ico · svg · png 16/32/180/192/512
Design tokens
CSS custom properties + JSON
Social banners
Composed ad banners, multiple formats
Full Brand Kit
Logos, favicons, tokens, banners and this guide’s assets — one ZIP.
Download Brand Kit (ZIP)
Rush In Documentation Center — Brand & UI System · generated from the live site.
24 Hour Hotline+1 323 645 1600