Agent viewGovernance, exact tokens, aliases, dimensions, maturity, and implementation semantics are visible.

Candidate direction · not canonExhibit B held constant

Identity pendingReview proposed logos

Navy house with an open door and a winding path.

Florida Non-Profit Housing

A clear way forward starts with an honest next step.

FNPH should feel like discovering a credible path where none was obvious: human first, accurate, and ready to help.

This direction begins with a visitor’s situation, makes responsibility clear, and names outside destinations before anyone leaves FNPH.

How the page guides peopleResponsive handoff ledger

Make the path legible before asking for action.

  1. SituationName what brings the visitor here.
  2. OwnerShow who is responsible for the response.
  3. Next stepKeep the immediate action short and clear.
  4. HandoffDisclose the destination before navigation.

Design principle

A public-service field guide, not a form maze.

Put a person’s question beside the next responsible action.

Type
Civic headings state the decision; calm body copy explains consequence.
Space
Tight need-and-answer groups sit inside generous reading intervals.
Color
Blue guides; green reassures; sand gives public information room to breathe.
Behavior
Small screens keep the question before its answer and keep language choices visible.

FNPH should not resemble an anonymous service catalog, divide its audiences into competing identities, or expect a logo to explain the experience. Begin with the visitor’s situation, keep every pathway recognizably FNPH, and state responsibility and next steps in plain language.

See it in useApplication before catalog

See the language guide a real housing question.

This example shows clear choices, three supported languages, and an honest explanation before a visitor goes elsewhere.

This static composition proves hierarchy, multilingual resilience, register coherence, and disclosed handoffs before foundations are itemized.

Start with your situation

Housing help should begin with a clear next step.

Choose the description that fits. FNPH names the owned action or discloses where the path continues.

Situation owner next step

Public orientation01

Guidance for buying or keeping a home

Start with housing counseling

Resident callback02

A farmworker housing callback

English · Español · Kreyòl ayisyen

Partner pathwayInstitutional evidence03

Development or funding partnership

Open the institutional path

One FNPH experience. Color helps people recognize responsibility while the language stays clear.

One shared system. Register color changes responsibility; language and sequence stay coherent.

Color

Color families at a glance.

Each family has one clear job: helping people recognize guidance, reassurance, public information, and important states. Green supports resident guidance, while Marigold belongs to every FNPH audience.

Every role maps to a canonical runtime token. Green tint is the sole resident wash; Marigold is a shared cross-register accent.

Institution blue

Blue guides people through FNPH information and actions.

Navy

Shared blue spine; institutional depth

Royal

Links, information, and active emphasis

Sky tint

Institutional support surface

Sky wash

Quiet institutional ground

Resident green

Green brings warmth and reassurance to resident and callback paths.

Live oak

Resident actions and readable text

Field green

Large-scale resident emphasis only

Green tint

Resident reassurance and wash surface

Public sand

Sand and cream keep public guidance open, warm, and easy to read.

Clay

Grounded public detail

Sand

Public warmth and section ground

Cream

Primary public reading surface

Shared accent

Marigold highlights rare moments shared across every FNPH audience.

Marigold

Sparse shared warmth; never warning

Neutrals

Ink, slate, borders, and white make the information easy to scan.

Ink

Primary text

Slate

Secondary text on light grounds

Border

Rules and field boundaries

White

Clean overlays and reverse text

Alerts

Errors and warnings are named clearly instead of relying on color alone.

Error

Error state with explicit language

Warning

Warning state; separate from Marigold

Pattern swatches

Approved foreground and ground relationships.

Navy on Sky washInstitutional information

Live oak on Green tintResident guidance

Ink on MarigoldSparse shared accent

Governed token reference

Color identifies responsibility, not separate organizations.

The grouped ledger maps every semantic role to its runtime token and records aliases for implementation agents.

Blue spine

Navigation, institutional evidence, and owned actions stay recognizably FNPH.

--fnph-color-primary #1A4FC9 Institutional emphasis and information state
--fnph-color-primary-dark #0E2E78 Civic spine, primary action, inverse field
--fnph-color-primary-tint #DCE6FB Blue dividers and quiet evidence support
--fnph-color-primary-wash #EFF4FD Institutional and informational ground
--fnph-color-info #1A4FC9 Explicit informational state, never color alone

Resident field

Warmth belongs to resident and callback paths without becoming a separate brand.

--fnph-color-resident #2F9E63 Large resident emphasis; not normal white text
--fnph-color-resident-dark #1E5C3F Resident action and normal white text pairing
--fnph-color-resident-tint #E4F2EA Resident guidance and wash surface; no second green wash needed
--fnph-color-success #2F9E63 Success state with a written status

Public ground

Open orientation feels warm while blue continues to own navigation and consequence.

--fnph-color-public #EADFC8 Public orientation and pathway ledger ground
--fnph-color-public-light #FBF8F0 Primary reading surface
--fnph-color-public-dark #C9B896 Muted public divider or supporting field

Shared accent

Marigold indexes moments across Public, Resident, and Institution; it never belongs to one register.

--fnph-color-accent #F2A33C Sparse shared index across all registers; never warning

System neutral

Text, rules, and negative space carry hierarchy before decoration does.

--fnph-color-ink #1B2333 Primary text and deepest neutral field
--fnph-color-slate #5A6275 Secondary copy on light grounds
--fnph-color-border #DDE2EA Quiet structural rule
--fnph-color-white #FFFFFF Inverse copy and clean overlay

Consequential state

Errors and warnings are named in language and use their functional roles only.

--fnph-color-error #C42B2B Error status and recovery cue
--fnph-color-warning #C77800 Warning state; distinct from marigold

Typography

Authority names the step. Warmth explains it.

Libre Franklin makes decisions clear; Outfit keeps explanations warm, readable, and flexible across languages.

Libre Franklin 600/700 carries display hierarchy; Outfit 400/600 carries body, interface, and multilingual expansion.

display Libre Franklin · 54px · 700 · 1.05

Housing help should begin with a clear next step.

h1-min Libre Franklin · 40px · 700 · 1.1

Tell us what brings you here.

h2 Libre Franklin · 32px · 700 · 1.15

For farmworkers, the first step is a callback.

h3 Libre Franklin · 24px · 600 · 1.25

Before you leave FNPH

lead Outfit · 20px · 400 · 1.5

Start with your situation. FNPH will show the owned action or disclose the destination.

body Outfit · 17px · 400 · 1.6

Rental community questions go to the property manager. FNPH does not provide rental intake on this site.

label Outfit · 12px · 600 · 1.4 · 0.08em

EXTERNAL HANDOFF · PROPERTY MANAGER

Spacing

Close the relationship; open the reading interval.

Tiny detail xs 4px
Tight pair sm 8px
Related group md 16px
Comfortable gap lg 24px
Section space xl 32px
Large break 2xl 48px
Page break 3xl 72px
Wide page frameApplication frame 78rem
Comfortable reading widthReading measure 65–75ch

Long explanations stay readable, while short actions are easy to find first.

Long explanations stay within 65–75ch; action labels and ledger answers remain shorter and scan first.

Shape

Soft enough to welcome; square enough to stay exact.

sm · 4pxControls and small markers
md · 8pxNotices and outside destinations
lg · 16pxInformation areas
pill · 999pxLanguage and status only

Depth: use borders and background changes instead of decorative shadows.

Elevation: no elevation token is defined. Borders, ruled relationships, and canonical ground shifts establish depth without decorative shadow.

ExamplesComposition teaser

One FNPH voice for three audiences.One interaction language, three registers.

The same FNPH voice can guide the public, support residents, and speak to partners without becoming three separate brands.

These static candidate compositions pair canonical register semantics with pathway, callback, and disclosure utilities at foundations+compositions maturity.

Public

How can we help?

Begin with plain language and a visible choice.

Need → clear next stepPathway ledger · Need → owned next step I need guidance Begin with housing counseling
Resident

Your next step

Reassure, orient, and keep the initial request short.

Three languages · short first contactCallback-first language rail · Short first contact

EnglishEspañolKreyòl ayisyen

Institution

Work with FNPH

Use clear facts and name the outside destination.Pair governed evidence with a disclosed handoff.

Outside destination named firstDisclosed handoff · Destination before navigation External · property manager FNPH does not provide rental intake on this site.

Do / Don’t

Keep consequences visible.

Do

Need guidanceBegin with counseling

Pair the situation and responsible step.

Don’t

Default to equal, context-free choices.

Do

External handoffProperty manager · rental information

Name the destination before navigation.

Don’t

ContinueDestination not disclosed

Make a redirect feel like an FNPH-owned action.

Do

PublicResidentInstitution

Shift emphasis inside one shared structure.

Don’t

ABC

Turn registers into unrelated identities.

Do

Before you leave FNPHRental questions continue with the property manager.

Use clear headings and plain language.Use semantic hierarchy and plain language.

Don’t

Status depends on color

Ask color alone to carry meaning.

About this draftFor review · not approved Candidate recordCandidate · not canon
Identity
The proposed logos are under review; none is approved.
Source
Based on the approved Stage 2 brand requirements.
Readiness
A draft for review, not the current FNPH standard.
Next step
Nothing changes without explicit approval.
Identity
Unapproved candidate assets · public/logos
Authority
Stage 2 SOW Exhibit B → DESIGN.md
Maturity
foundations+compositions
Current canon
DESIGN.md remains current canon.
Promotion
Explicit approval, then canon and runtime-token update.