跳转至内容
浏览 - SmartGrantSolutions
地址
C:\Works\smart_grant_solutions

SmartGrantSolutions

品牌系统 · 网站 · 2025 · 06/21

给一个拨款管理平台,做一套能压住全场的品牌

客户: SmartGrantSolutions行业: 拨款管理 SaaS服务: 品牌识别 + 设计系统 + 网站周期: 2025–2026
作品集
Brand BookBrand Guidelines v1.0
成果
30+
设计系统组件
按钮、卡片、表单、标签。
45
Instagram 帖
色块模板,已投产。
86
博客封面
四个可复用家族。
目标 · 挑战 · 成果

目标

为云端拨款管理平台 SmartGrantSolutions(服务非营利与地方政府)做的品牌系统与设计系统。

挑战

把一个合规品类从沉闷的蓝色和审计腔里拽出来,做成自信的编辑风。

成果

一个火箭母题,配品红压明黄的信号色,固化进一本 27 页品牌手册和一套 8 点网格设计系统。“Mission granted.”

访问线上站点

Part One / Brand

Brand.

02 · MISSION

Our mission is to fuel yours.

Smart Grant Solutions builds purpose-built financial software for the people who do public-good work. We help nonprofits and local governments turn grant complexity into clarity — so every dollar reaches the mission it was meant to fund.

03 · AUDIENCE & SOLUTION

Clarity. Compliance. Control. Mission Granted.

Purpose-built financial grant-management software.

WHO WE SERVE

01

Nonprofits

Mission-driven organizations turning grant dollars into measurable community impact.

02

Local Governments

Counties, townships, and municipalities managing federal, state, and pass-through funding.

03

Audit & Accounting Professionals

Firms and CFOs who need defensible documentation and audit-ready trails.

04 · LOGO SYSTEM

The SGS mark.

Four approved variants. Use the colorway that holds contrast against its host surface.

SGS logo — default

Variant 01 · Default

Primary mark. Use on light, neutral surfaces.

Variant 02 · Black

Mono ink. Use when print or one-color is required.

Variant 03 · White

Reversed. Use only on dark or magenta surfaces.

Variant 04 · Magenta

Brand-forward variant for editorial moments.

USAGE RULES

Clear space ≥ 0.5× cap-height

Reserve a minimum margin equal to half the height of the wordmark on every side. Never crop, crowd, or overlay copy.

Min 24px height

Below this threshold, switch to the standalone monogram. Never stretch, skew, or recolor outside the four approved variants.

05 · MISSION GRANTED · PRODUCT SUB-BRAND

Mission Granted.

MissionGranted is the SGS product. The wordmark always reads as a sub-brand: it carries its own identity but is proudly developed by Smart Grant Solutions.

MissionGranted — Default

Default

Brand color. Use on light surfaces.

MissionGranted — Black

Black

Mono ink. For one-color printing.

MissionGranted — White

White

Reversed. Use on dark or magenta.

CO-BRAND ATTRIBUTION LOCKUP
MissionGranted

proudly developed by

SMART GRANT SOLUTIONS

06 · COLOR

A purposeful palette.

Five colors carry the brand. Magenta leads. Yellow energizes. Blue grounds. Burgundy and Cerulean extend.

PRIMARY

SGS Magenta

#D81259

RGB 216 · 18 · 89

ACCENT

SGS Yellow

#FFBC41

RGB 255 · 188 · 65

SUPPORT

SGS Blue

#016BA6

RGB 1 · 107 · 166

EDITORIAL

Burgundy

#8F2D56

RGB 143 · 45 · 86

EDITORIAL

Cerulean

#0096FF

RGB 0 · 150 · 255

07 · TYPOGRAPHY

Poppins.

Geometric sans · Open Font License · Google Fonts. Five weights cover everything from posters to fine print.

Aa
DISPLAY · POPPINS BLACK · 96/100Mission Granted.
HEADING · POPPINS BOLD · 48/56Eliminate spreadsheets.
BODY · POPPINS REGULAR · 24/36Purpose built financial grant management software.
CAPTION · POPPINS MEDIUM · 14/20SGS · 302 MARILYN DRIVE · NEWCASTLE PA · 16105

Smart Grant Solutions builds purpose-built financial software for nonprofits and local governments. Our flagship product, MissionGranted, helps grant managers track every dollar from award through close-out — with audit-ready documentation baked into every workflow.

08 · VOICE & TONE

Eliminate Spreadsheets. Ensure Compliance. Drive Strategy.

01

Confident

We have done the math. We know the regulations. We speak in clear, declarative sentences.

02

Clear

No jargon. No throat-clearing. The simplest possible language for complex compliance work.

03

Mission-driven

Our customers serve their communities. Every word reflects that purpose — never lose sight of why this matters.

SAMPLE HEADLINE IN VOICE

“Take the BS out of Budgeting Season.”

09 · APPLICATIONS

In the wild.

How the system shows up across our most-used surfaces.

Eliminate Spreadsheets.
Ensure Compliance.

LINKEDIN COVER · 1128 × 191

Dayna Sear

FOUNDER & CEO

daynasear@smartgrantsolutions.com · +1 888-274-5121

BUSINESS CARD · 3.5 × 2 IN

MISSION CONTROL · VOL. 03

FY2026 grants playbook.

NEWSLETTER MASTHEAD · 640 PX WIDE

10 · CLOSING

Mission Granted.

Thank you. Stay in touch.

WEBSITE

smartgrantsolutions.com

EMAIL

info@smartgrantsolutions.com

PHONE

+1 888-274-5121

OFFICE

302 Marilyn Drive, Newcastle, PA 16105

Part Two / Design System

Design System.

Bold blocks. Clear contrast. Disciplined repetition. The rules that keep every SGS surface unmistakable.

IN THIS SECTION

12 · Foundations / Grid & Spacing

13 · Components / Buttons

14 · Components / Cards & Surfaces

15 · Components / Forms & Tags

16 · Patterns / Data & Stats

17 · Imagery / Photography Treatment

12 · FOUNDATIONS

Spacing & grid.

8-point system. Every margin, padding, and gap snaps to a multiple of 8.

SPACING SCALE
4pxmicro
8pxtight
16pxsm
24pxbase
32pxmd
48pxlg
64pxxl
12-COLUMN GRID · GUTTER 24 · MARGIN 64

Compose by combining 8-point spacing with 12-col blocks. Asymmetric layouts amplify hierarchy.

13 · COMPONENTS

Buttons.

Bold rectangular fills. Uppercase Bold label. Generous tap target.

VARIANTS · SIZE MD
GET STARTEDDOWNLOADLEARN MOREVIEW PLANSCANCELUNAVAILABLE
SIZES · PRIMARY
REQUEST A DEMOREQUEST A DEMOREQUEST A DEMO

PAIRING

GET STARTEDLEARN MORE

Primary action sits left or first. Secondary uses outline. Never two filled buttons side-by-side.

ANATOMY · PRIMARY LG
  • Magenta · #D81259 fill
  • Poppins Bold · UPPERCASE
  • Letter-spacing 1.5px
  • 32px horizontal padding
  • 4px corner radius
  • Heights: 56 / 48 / 36

14 · COMPONENTS

Cards & surfaces.

Color-block accent rules. The color is the corner.

FEATURE

Sample heading line.

A short body line that explains the surface in plain language. Two sentences max.

LEARN MORE
01 · Flat — White surface · 1px hairline · 16 radius
FEATURE

Audit-ready records.

A short body line that explains the surface in plain language. Two sentences max.

LEARN MORE
02 · Accent — White surface · 8px top color band
FEATURE

FY2026 changes.

A short body line that explains the surface in plain language. Two sentences max.

LEARN MORE
03 · Filled — Full color block · ink text
FEATURE

Live dashboards.

A short body line that explains the surface in plain language. Two sentences max.

LEARN MORE
04 · Inverted — Ink surface · white text · color highlight

15 · COMPONENTS

Forms & tags.

Inputs read like architecture. Tags read like flags.

INPUTS
TAGS · BADGES
COMPLIANTPENDINGOVERDUECLOSED
FEDERALSTATEPASS-THROUGHPRIVATE
STATS
$4.2M

TRACKED YTD

94%

AUDIT-READY

12hr

AVG SAVED / MO

16 · PATTERNS

Numbers, in blocks.

When the data is the headline, frame it as a color block. Single number, single color, no fluff.

$4.2M

TRACKED YTD ACROSS 27 PROGRAMS

94%

AUDIT-READY ON FIRST REVIEW

12hr

AVG TIME SAVED PER GRANT MANAGER / MO

PROGRAMS BY FUNDING SOURCE · FY 2026 Q1–Q2
31%25%19%13%8%4%
Federal (31%)State (25%)Pass-through (19%)Private (13%)Tribal (8%)Other (4%)

17 · IMAGERY

Photography treatment.

Real people doing the work. Crop tight. Apply a brand-color block as overlay or frame.

Headline space.

01 · Magenta Wash — Photo + 70% magenta multiply. The brand's signature treatment for hero moments.

Mission Granted.

02 · Half-Block Frame — Photo abuts a solid color block holding type. The block is the headline space.

“Audit-ready in days, not months.”

03 · Inset Quote — Photo with a smaller solid block dropped in for callout copy. Block always brand color.

Editorial story.

04 · Mono Duotone — B/W photo, magenta highlights only. Reserved for editorial story moments.
Part Three / Social Media

Social Media.

Where SGS shows up — and how every existing surface inherits the same voice.

3

LI COVERS

9

LI POSTS

45

IG POSTS

68

LOGO USES

IN THIS SECTION

20 · LinkedIn / Covers & Posts

21 · Lead Magnets & YouTube

22 · Voice / Hashtags & Pillars

23 · Feed / Visual Cohesion

LinkedIn company-page coverInstagram postLinkedIn postYouTube thumbnail

20 · SOCIAL MEDIA

LinkedIn.

Three approved cover variants. Nine post templates already in production.

3 COMPANY PAGE COVERS · 1128 × 191
LinkedIn cover 1LinkedIn cover 2LinkedIn cover 3
9 LIVE POSTS · 4 SHOWN · 1200²
LinkedIn post 1LinkedIn post 2LinkedIn post 3LinkedIn post 4

21 · SOCIAL MEDIA

Lead magnets + video.

Three downloadable assets pull qualified prospects in. The YouTube channel keeps them.

3 LEAD MAGNETS · IN PRODUCTION
Lead magnet 1 — downloadable assetLead magnet 2 — downloadable assetLead magnet 3 — downloadable asset
YOUTUBE · 1280 × 720YouTube channel — sgs/missiongranted

Long-form explainers, customer stories, conference recaps. 1280 × 720 thumb format.

22 · SOCIAL MEDIA

Voice & hashtags.

Three content pillars. One hashtag system. Same voice that lives on every other surface.

50%

01 · Educate

Plain-language explainers of grant compliance, FY budget shifts, audit prep.

30%

02 · Showcase

Customer wins, beta milestones, conference moments, hires.

20%

03 · Provoke

Sharp takes on broken processes, spreadsheets, audit theater.

HASHTAG SYSTEM
TIER 1 · ALWAYS#MissionGranted · #SGS
TIER 2 · CAMPAIGN#EliminateSpreadsheets · #FY2026Grants
TIER 3 · DISCOVERY#Nonprofit · #LocalGov · #GrantManagement · #CFO

Use 2 from Tier 1 + 1–2 from Tier 2 + 2–3 from Tier 3. Max 7 hashtags per LinkedIn post, 3 on X. Every post follows the same Hook · Body · Tags · Visual structure.

23 · SOCIAL MEDIA

Feed cohesion.

Nine real posts shown together. The wall is what matters — alternate color, weight, and surface so the feed reads as one bold object.

LIVE LINKEDIN FEED · 3×3 PROFILE GRID
LinkedIn feed post 1LinkedIn feed post 2LinkedIn feed post 3LinkedIn feed post 4LinkedIn feed post 5LinkedIn feed post 6LinkedIn feed post 7LinkedIn feed post 8LinkedIn feed post 9
RULES OF COHESION
  1. 01

    Alternate color

    No two adjacent tiles share the same brand color.

  2. 02

    Alternate type weight

    Pair a Display tile with a quieter caption tile.

  3. 03

    One white-space tile per 9

    A near-blank tile lets the eye breathe.

  4. 04

    Photos balance solid blocks

    For every 2 solid blocks, include 1 photo with brand wash.

  5. 05

    Repeat the family, not the post

    Same 9 templates on rotation; the system gets stronger.

24 · SOCIAL MEDIA

Instagram.

Forty-five posts in production. Twelve shown — the full repertoire of bold-block treatments.

Instagram post 1Instagram post 2Instagram post 3Instagram post 4Instagram post 5Instagram post 6Instagram post 7Instagram post 8Instagram post 9Instagram post 10Instagram post 11Instagram post 12
45

IG POSTS LIVE · 12 SHOWN · 1200²

Part Four / Blog Covers

Blog Covers.

Eighty-six covers in production. Four families do all the work — magenta wash, dark text-forward, yellow accent, blue photo.

86

IN THIS SECTION

26 · Family showcase · 12 covers

27 · Anatomy & rules

Blog cover — Magenta Wash familyBlog cover — Dark Text familyBlog cover — Yellow Accent familyBlog cover — Blue Photo family

26 · BLOG COVERS

Twelve covers, four families.

Eighty-six blog thumbnails reduce to four repeatable visual families. Cell stays consistent; copy and color rotate.

Blog cover 1Blog cover 2Blog cover 3Blog cover 4Blog cover 5Blog cover 6Blog cover 7Blog cover 8Blog cover 9Blog cover 10Blog cover 11Blog cover 12

27 · BLOG COVERS

Anatomy of a cover.

Five composition rules. Anyone on the team can produce a new cover from this template in under twenty minutes.

HERO EXAMPLE · MAGENTA WASH FAMILYBlog cover — Magenta Wash hero example
COMPOSITION RULES
  1. 01

    Title in Poppins Black, all-caps, ≥56pt

    Title is the highest hierarchy element. Always Poppins Black, always uppercase, never below 56pt.

  2. 02

    One brand color overlay per cover

    Magenta Wash for editorial. Yellow Accent for explainer. Dark for thought leadership. Blue Photo for partner stories.

  3. 03

    Photo behind the wash, never floating

    Photographs sit full-bleed under a 70% magenta multiply overlay. Never let an unprocessed photo show through.

  4. 04

    SGS logo top-left, white on dark

    Logo is always anchored top-left at 72px. White variant on dark/colored covers, default on light.

  5. 05

    Episode/category tag at bottom-right

    Bold 14pt with 2px letter-spacing. Identifies the editorial column or video series.

Part Five / Printed Matter

Printed Matter.

Prints & publications — where the brand leaves the screen: flyers, checklists, banners, and the 89-page flagship guide, all in one ink-and-magenta system.

IN THIS SECTION

29 · The flagship guide · 89 pages

30 · One-pagers & covers

31 · Events & environments

The Grant Readiness Maturity Model guideTime, Energy, and Money flyerFiscal-strategy pull-up bannerSGS Referral Program card

29 · PRINTS & PUBLICATIONS

The flagship guide.

Guide To The Grant Readiness Maturity™ Model — an 89-page reference, cover to close.

THE COVERGuide cover
INSIDE THE GUIDEInside the guide — six spreads

30 · PRINTS & PUBLICATIONS

One-pagers & covers.

Covers, checklists, posters, and referral kits — the Mission Granted print system, one voice across every format.

THE PRINT LIBRARYOne-pager print library
20+

field-ready one-pagers

Guides, checklists, posters, and leave-behinds — each in the Mission Granted voice, ready to print.

31 · PRINTS & PUBLICATIONS

Show up in the room.

Retractable banners, table displays, and step-and-repeat backdrops — the brand at trade-show scale.

PULL-UP BANNERSPull-up banners
STEP-AND-REPEAT BACKDROPStep-and-repeat backdrop
TABLE KITBranded table kit
Part Six / The Website

The Website.

Where it all comes together: the Mission Granted marketing site — dark, confident, and responsive from 1440 all the way down to mobile.

IN THIS SECTION

33 · Responsive by default · 4 breakpoints

34 · The homepage, top to bottom

Tablet + laptop site mockupsSimplified Compliance hero banner

33 · WEBSITE

Responsive by default.

One design language, four breakpoints — 1440, 1024, 768, and 390. The layout adapts; the brand never bends.

1440 · DESKTOPDesktop, 1440px
1024 · LAPTOPLaptop, 1024px

…AND SCALES DOWN TO

768

TABLET · portrait

390

MOBILE

Same components. Reflowed grid. One brand.

34 · WEBSITE

The homepage, top to bottom.

Hero to footer — the scroll that turns “grant compliance” into “Mission Granted.”

THE FULL PAGE · 1440The full homepage, 1440px
HEROHero section
FEATURE BREAKERFeature breaker
TESTIMONIALSTestimonials
FOOTER / CTAFooter / CTA

SGS BRAND BOOK v1.0 · APRIL 2026

交付内容

NameType
品牌识别Deliverable
设计系统Deliverable
网页设计Deliverable
UI/UXDeliverable
社交媒体Deliverable
编辑设计Deliverable
印刷Deliverable
1 个对象
本地 Intranet 区域