divvyBrand Guidelines · 1 of 5
divvy
Direction 1Strategy: Evolution · Emotional register: Calm

Clear Sky

Keep what people already recognize. Fix what holds it back.

The least disruptive path: the split-D mark, the blue, and the serif stay. The palette lifts from dusk to daylight, the yellow warms from butter to sun, the type moves to free faces already loaded on the site, and the imagery rules change completely.

Choose this direction if: You want continuity with the beta, the HubSpot theme, and twelve months of blog assets, and you want the fix shipped before the December launch.

The brief

Six things this direction has to do

The February 2026 guidelines were built for one reader: a woman, at home, on a couch. The new brand has two customers in every case, and the imagery has to make both of them believe the process is survivable. These are the six requirements and how Clear Sky meets each.

Speak to men and women equally

Casting is 50/50 across every campaign, solo subjects outnumber couples, fathers appear as caregivers, and props that code domestic-feminine (throws, mugs, florals) are out. Color choices avoid the red-pink axis where men's and women's preferences split.

Hurlbert & Ling 2007

Readily accessible fonts

Two Google Fonts families, Fraunces and Instrument Sans, replace four paid or trial faces. Both are free under the SIL Open Font License, load from one link tag, and work in HubSpot, Figma, Canva, Word and the platform.

Google Fonts

Brighter imagery that offers hope

Every photograph carries an exposure target (mean luminance at or above 140 on a 0–255 scale, versus 74–110 on the current blog) and the blog card's half-height navy panel becomes a light panel. Hope is shown as agency plus a visible path, which is what the product sells.

Snyder 1994; Wilms & Oberfeld 2018

Real people in real settings

No generative AI for people or places. Photography is commissioned or licensed from editorial collections, with a tell-tale checklist for review and a disclosure rule for the rare illustrative AI use.

Clutch 2025

Color chosen for its psychological effect

Each color in the palette lists its role, the effect it is meant to have, and the study that supports the claim. The page also says where the research is thin.

Elliot 2015

Learn from brands that give hard subjects hope

The references are Upsolve (bankruptcy, daylight family photography, one saturated blue), Atticus (disability benefits, warm outdoor portraits), Farewill (will writing, a yellow identity that asked why death had to be gray) and Empathy (bereavement, calm and non-emotional). Each shows the subject can be serious and the brand still bright.

Design Week 2020

Foundations

What Divvy is, in one breath

Purpose
Make a California divorce something a person can handle themselves, with the same forms, sequence and instructions an attorney would use.
Positioning
The first self-directed platform for both contested and uncontested divorce, built by family law attorneys, starting in Los Angeles and Orange County.
Promise
Every step named. Every form explained. A flat price you know on day one.
What we are
A software product with attorney-reviewed educational content and forms, sequenced to the process. Everyone sees the same content.
What we are not
A law firm. We give no legal advice and make no recommendations based on a person's individual facts. Every page says so, plainly, in the footer.
Pricing
$349 uncontested. $3,500 contested. Both parties can use the platform; neither needs the other's permission.

Registered tagline

The smart solution to separation.

Retained. It is neutral, it is on the trademark filing and the site, and it still works.

Supporting line for this direction

A clear path through.

Used under the tagline on the homepage, in the podcast open, and on the first slide of the investor deck.

Personality

ClearSteadyKindCompetent

Audience

Two customers in every case

Women initiate about 69% of divorces, which is why the category's brands skew female by default. But every divorce has two parties, and the "Potential" projection in the business plan counts both as buyers. The brand has to feel like it was made for a 44-year-old electrician in Anaheim as much as for a 38-year-old nurse in Pasadena.

Source: Rosenfeld 2015, How Couples Meet and Stay Together survey, 2,262 adults.

What read as female-only in the current brand

  • Butter yellow, powder blue and blush beige together
  • Props: throw blankets, mugs, florals, a woman curled on a couch
  • Every photograph of a customer shows a woman; the one man shown is on a product mockup
  • A soft, high-contrast serif used for everything emotional
  • Dusk-lit water and a kayak: solitude and reflection, not action

Language rules

  • Second person, always: "you," "your spouse," "your kids"
  • "Spouse" or "the other party," never "husband" or "wife" unless quoting a user
  • "Spouse or domestic partner" on any page that describes filing
  • No victim framing for either party; no villain framing either
  • Men are shown as caregivers; women are shown as decision-makers. Both are shown as competent.

Casting rules

  • 50/50 men and women across any campaign, counted
  • Solo subjects outnumber couples at least 3 to 1; divorce is an individual act
  • Ages 28 to 60, with the median around 42
  • Los Angeles and Orange County as they are: Latino, Asian American, Black, white, Middle Eastern, mixed families
  • Parents with children, including fathers alone with children

Color

Every color has a job and a reason

The research on color and emotion is uneven, and the best review of it says so. Three findings hold up across cultures and methods: lighter colors are rated more pleasant than darker ones; yellow and orange are tied to joy, black and gray to sadness; and blue is the most preferred hue for both men and women. The palette below is built on those three, and each swatch cites its source.

Elliot 2015 on the state of the evidence; Wilms & Oberfeld 2018; Jonauskaite et al. 2020; Hurlbert & Ling 2007; Palmer & Schloss 2010.

Ink#163A5F

All text, wordmark on light fields, buttons

A deep blue reads as competent and trustworthy, and it is the one hue both men and women rank first. Using it for type rather than for whole panels keeps its authority without the weight of the current navy cards.

Source: Labrecque & Milne 2012; Hurlbert & Ling 2007

RGB 22, 58, 95

Sky#8CC9EC

Primary field color: page bands, hero backgrounds, cards

Clear-sky blue is the most preferred color across cultures because it is the color of good weather and clean water. It replaces the dark navy as the brand's main surface.

Source: Palmer & Schloss 2010

RGB 140, 201, 236

Pale Sky#E6F3FB

Tints, table rows, secondary surfaces

Lighter versions of a hue are rated more pleasant than darker ones. Most of the page should sit here or on Cloud.

Source: Wilms & Oberfeld 2018

RGB 230, 243, 251

Sun#FFC233

Accent only: progress, highlights, the mark's triangle

Yellow is the color most consistently linked to joy worldwide. The current butter yellow is too pale to carry that signal; this one does, and it stops reading as a nursery tone.

Source: Jonauskaite et al. 2020

RGB 255, 194, 51

Cloud#F7FAFC

Default page background

White is the color most linked to relief, which is the feeling the product delivers. Generous light space is a brand asset, not empty space.

Source: Jonauskaite et al. 2020

RGB 247, 250, 252

Slate#4A5D73

Secondary text, captions, metadata

A blue-biased gray avoids the sadness associations of neutral gray while keeping hierarchy.

Source: Jonauskaite et al. 2020

RGB 74, 93, 115

Proportions

Measured over a typical page or screen. The page should be mostly light. Dark colors are for type, not for panels.

Cloud 55% · Sky 20% · Pale Sky 12% · Ink 10% · Sun 3%

Contrast, measured

WCAG 2.2 requires 4.5:1 for normal text and 3:1 for large text and interface components. Every pair the brand uses for text is listed here with its ratio.

ForegroundBackgroundRatioGrade
Ink textBackground11.10:1AAA
Ink textTint10.29:1AAA
Ink textField6.47:1AA
Ink textAccent7.21:1AAA
Slate textBackground6.45:1AA
Slate textTint5.98:1AA
White textAction button11.64:1AAA
Accent as textBackground1.54:1Fail

A low grade on "Accent as text" is expected and is the point of the row: the accent is a graphic color for shapes, highlights and large marks, never a color for running text.

Rules

  • Ink is the only color for body text. Slate is for captions and metadata.
  • The accent carries Ink text only; it fails for white text. White text goes on the Action color only.
  • No panel, card or band is set in Ink except the footer and the reversed logo. The current blog cards put half the card in navy; that stops.
  • Gray is never a surface color. Gray is the color most tied to disappointment.
  • Photographs are never tinted, duotoned or darkened to make text legible. Put the text beside the picture, not on it.

Where the research is thin

Most color studies test red. Blue and green are less studied, lightness and saturation less still, and many older studies were small and poorly controlled. Treat the claims here as well-supported directions, not laws, and test the palette with real users in the beta UX study already planned.

Elliot 2015: "the field is at an early stage."

Typography

Two families. Both free. One link tag.

Season Serif (paid, Season Studio) and Haas Grotesk Display Black (paid, Monotype) are retired. Roboto Flex is retired to keep the system to two families. Fraunces and Instrument Sans are served by Google Fonts under the SIL Open Font License, which means no license fees, no trial watermarks, and the same faces in HubSpot, the platform, Figma, Canva, Word and the investor deck.

Display · Fraunces 500

You have 30 days to respond. Here is what to do with them.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 §¶&

Fraunces is already the fallback the live site shows when Season Serif fails to load, so visitors see no change. Use the 500 weight at display sizes with the optical size axis left on auto.

Text and interface · Instrument Sans 400–700

The petition (FL-100) starts the case. The summons (FL-110) tells your spouse it has started. Both are filed together, with a $435 fee or a fee waiver (FW-001).

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Already specified in the current guide and loaded on divvylaw.com. Stays for body, labels, buttons and the wordmark.

Scale

H1 · displayDivorce, one clear step at a time.
H2 · displayWhat happens after you file
H3 · text 700Step 3: Serve your spouse
EyebrowFinancial disclosures · Part 2 · 17 min read
BodyBuilt by California family law attorneys. Done by you, on your schedule, for a flat fee. If you miss the deadline, the court can enter orders without you. The platform shows the date on your dashboard and sends a reminder seven days before.
SmallDivvyLaw is not a law firm and does not provide legal advice. All content is educational and reviewed by a licensed California attorney.
ButtonStart your divorce   See how it works

Rules

  • Headlines in sentence case. All-caps is reserved for eyebrows and never used for a headline; it reads as shouting on a subject this serious.
  • Body text 17px on marketing pages, 16px in the platform, line height 1.5 or more, 60 to 70 characters per line.
  • Buttons use the text face at 700, sentence case, pill shape. Labels say what happens: "Start your divorce," "Download FL-100," never "Submit."
  • Numbers that line up (fees, dates, form numbers) use tabular figures.
  • Fallback stacks are mandatory in every CSS declaration so email clients and old browsers degrade to Georgia and Arial, not to a default serif.

Embed

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Instrument+Sans:wght@400;500;600;700&display=swap">

For Word, Canva or Figma, download the same families from fonts.google.com and install them; the license permits it.

Imagery

Real people, real light, a visible way forward

The current blog images fail on three counts: they are dark (a measured mean luminance of 74 to 110 out of 255 across the twelve cards, half of which is a navy panel), they are set in courtrooms and law libraries, and at least five of the twelve are recognizably AI-generated. Hope, in the one psychological model that defines it usefully, is agency plus pathways: the belief that you can act, and that you can see a route. Every photograph should show one or both.

Snyder 1994 (hope = agency + pathways). Luminance measured on divvylaw.com/blog, November 3, 2026.

The look for Clear Sky

Cool, even daylight. White walls, big windows, light wood, outdoor shade. Skin tones true, sky visible where possible. The photograph should feel like 10 a.m.

≥ 140
Mean luminance, 0–255 scale, of the delivered image. The current blog averages 74–110. Check it in Photoshop (Histogram, Mean) or any script.
≤ 15%
Share of pixels below luminance 60. Deep shadow is allowed in corners, not across a face.
0
AI-generated people, hands, rooms or documents. Illustrative AI is permitted only for abstract graphics, and is disclosed in the caption.
50 / 50
Men and women across any set of twelve or more images, counted before publishing.

Settings

  • Kitchen table by a window
  • Front porch or stoop
  • Park bench, school pickup
  • Coffee shop with laptop
  • Car interior, parked, daylight
  • Office break room, not a courtroom

Never: courtrooms, law libraries, gavels, marble columns, dark wood, a desk with a nameplate.

Moments

  • Doing the next thing: reading a checklist, signing, mailing, packing a box
  • A small win: the form is filed, the call is over, the kids are picked up on time
  • Ordinary life continuing: dinner, homework, a dog walk, a commute
  • Resolved calm: a person alone, at ease, looking outward or toward the light
  • Fathers with children, as often as mothers with children

Never

  • Rings on a table, torn photographs, broken hearts, rain on windows
  • Heads in hands, tears, a couple arguing across a table
  • A lawyer with a gavel, a handshake, a courthouse facade
  • Subjects looking down and away from the light
  • Black-and-white, heavy vignettes, blue or teal color grading

Real or generated: the review checklist

Most people cannot tell AI images from photographs under test (57% were wrong), and about 40% say they would trust a brand less for using them undisclosed. The risk is not that readers will spot the fake; it is that the ones who do will stop trusting the words beside it. Every image gets this check before it is published.

Clutch, September 2025.

Signs an image is generated (reject)

  • Hands with the wrong number of fingers, or fingers that merge
  • Skin without pores, hair without stray strands, teeth without edges
  • Text on paper, signs or screens that is not real words
  • Jewelry, glasses or collars that change shape or vanish mid-object
  • Rooms where furniture, shadows or windows do not agree with each other
  • Symmetrical studio lighting in a room that has one window

Signs an image is real (accept)

  • A named photographer and a model release on file
  • Light that comes from one direction and falls off naturally
  • Imperfect environments: a cord, a scuff, a stack of mail
  • Clothing with wrinkles and wear; skin with texture
  • A moment that could not be posed: a laugh mid-sentence, a child mid-motion
  • Metadata with a real camera body and lens

Where the photographs come from

Commissioned, preferred

One day with a Los Angeles or Orange County editorial photographer, eight to ten subjects recruited through the community list, releases signed. Budget it as a launch cost; it produces a year of blog, social and deck imagery that no competitor has.

Licensed, acceptable

Editorial and lifestyle collections that identify photographers and offer model releases. Filter to natural light and candid. Reject anything tagged generative.

Generated, prohibited for people

Generative tools may produce abstract shapes, textures and diagrams only, and the caption says so. No people, no hands, no interiors, no documents.

The blog card, before and after

The card is the brand's most-seen asset: it runs on the blog, LinkedIn, X, Instagram and Facebook. The navy panel took up half the card and pulled the whole feed toward night. The new panel is Pale Sky panel, Ink text, Sun arrow. The headline keeps its candor.

Current: mean luminance 74–110Current: office interior, dark wood, overhead lighting, man staring at a laptop. Mean luminance 85.
Financial disclosures · Part 2 · 17 min readFL-140, FL-142, FL-150. A system beats a scramble.
DivvyLaw→
Target: mean luminance ≥ 140New: kitchen table by a window, 10 a.m., a woman sorting three labeled folders, coffee, a kid's drawing on the fridge. Target mean luminance 150.
Financial disclosures · Part 2 · 17 min readFL-140, FL-142, FL-150. A system beats a scramble.
divvy→

Shot list for the first session

Target: mean luminance ≥ 140A father, 40s, at a kitchen counter with a phone, reading a checklist, morning window light; a child's backpack on the stool beside him.
Target: mean luminance ≥ 140A woman, 30s, on a front step with mail in hand, smiling at something off-frame; palm shadow on the stucco.
Target: mean luminance ≥ 140A man, 50s, at a café table, laptop open to the platform, mid-laugh with a friend across the table.
Target: mean luminance ≥ 140A mother and son at school pickup, afternoon, the car door open; she is crouched to his height.
Target: mean luminance ≥ 140A man alone on a Long Beach bike path at 8 a.m., stopped, looking at the water; bright overcast.
Target: mean luminance ≥ 140Two friends at a backyard table with paperwork and lemonade, one pointing at a line on a form.

The tiles above are briefs, not photographs. Their background shows the target light level.

Graphic device

One device, derived from the mark

Horizon arcs: the half-disc of the mark becomes a rising horizon line used as a section divider and as a photo mask. It replaces the 2026 tessellation pattern, which read as wallpaper and competed with photography.

Use it for

  • Section openers and dividers on long pages
  • Empty states and loading screens in the platform
  • Social tiles that carry a quote and no photograph
  • The back of business cards and the deck's section slides

Do not

  • Lay it behind body text
  • Lay it over a photograph
  • Use it at more than 20% of any screen
  • Recolor it outside the palette

Voice

Say the true thing, then the next step

The voice is the same in all five directions at its core, because it comes from the product: attorney-written, plain, and sequenced. What changes is the tone dial. For Clear Sky: Calm and clear. Short sentences. Name the next step before explaining the rule.

Principles

  • Lead with the deadline, the form or the cost. Explain after.
  • Second person. Active voice. Short sentences on hard news.
  • Never minimize ("it's easy") and never catastrophize ("your whole future").
  • Hope is a next step, written down. Not an adjective.
  • Respect both parties. The other spouse is never the enemy in our copy.

Words we use

  • you, your spouse, your kids, the other party
  • step, form, deadline, fee, checklist, done
  • uncontested, contested, petition, response, disclosure
  • handle, file, serve, finish

Words we avoid

  • battle, fight, win, lose, opponent, ex
  • stress-free, hassle-free, painless, easy
  • journey, empower, healing, closure, self-care
  • husband, wife, mom, dad as the default reader
  • any phrase a lawyer would not say to your face

Rewrites

Current homepage

Divorce without the cost of an attorney

Divorce should not cost you everything.

Clear Sky

Divorce, one clear step at a time.

Built by California family law attorneys. Done by you, on your schedule, for a flat fee.

Current blog card

You have 30 days to respond after you're served. The clock doesn't pause.

Clear Sky

You have 30 days to respond after you're served. Here is what to do in week one.

Current social

The Dangers of Using AI as Your "Lawyer"

Clear Sky

A chatbot invented six court cases. The lawyer who cited them was fined $5,000. Here is how to use AI without that happening to you.

Applications

The system in use

Four surfaces, built from the tokens on this page. Photographs are shown as light-level briefs.

Homepage hero

The smart solution to separation

Divorce, one clear step at a time.

Built by California family law attorneys. Done by you, on your schedule, for a flat fee.

Start your divorce   See the steps

$349 uncontested · $3,500 contested · Los Angeles and Orange County

Target: mean luminance ≥ 140Hero: a man, 40s, at a kitchen table with a laptop and one folder, morning light from the left, his daughter doing homework at the far end.

Social tile and email

Platform dashboard

Uncontested · Los Angeles County

Welcome back, Dana. You are 2 of 7 steps in.

1. Start the case: FL-100 petition and FL-110 summons filed
2. Serve your spouse: FL-115 proof of service
3. Financial disclosures: FL-140, FL-142, FL-150 (due January 12)
4. Wait for the response, or the 30-day default window
5. Agreement: FL-180 judgment package

Continue step 3

Implementation

Tokens, embed and the launch checklist

CSS tokens

:root {
  --ink: #163A5F;  --slate: #4A5D73;  --field: #8CC9EC;
  --accent: #FFC233;  --tint: #E6F3FB;  --bg: #F7FAFC;  --white: #FFFFFF;  --action: #163A5F;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-text: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
}

Launch checklist

  • Replace the HubSpot theme's font link with the embed above; map Season Serif → Fraunces, Haas Grotesk → Fraunces 700, Roboto Flex and Instrument Sans → Instrument Sans
  • Update the theme's color variables to the tokens; rebuild the blog card template with a light panel
  • Re-export the logo in the new colors (SVG, PNG at 1x and 2x, favicon 32px)
  • Commission the first photo session; retire the twelve current blog images as they are replaced
  • Apply the tokens to the beta platform before the UX study so the study tests the brand that will ship
  • Reset the investor deck and one-pager in the new system
  • Run the 50/50 count and the luminance check on every image before it is published

Sources

What the claims rest on

  1. Elliot, A. J. (2015). Color and psychological functioning: a review of theoretical and empirical work. Frontiers in Psychology, 6, 368. https://www.frontiersin.org/articles/10.3389/fpsyg.2015.00368/full
  2. Labrecque, L. I., & Milne, G. R. (2012). Exciting red and competent blue: the importance of color in marketing. Journal of the Academy of Marketing Science, 40, 711–727. https://link.springer.com/article/10.1007/s11747-010-0245-y
  3. Jonauskaite, D., et al. (2020). Universal patterns in color-emotion associations are further shaped by linguistic and geographic proximity. Psychological Science, 31(10). https://biopen.bi.no/bi-xmlui/bitstream/11250/2761614/1/Jonauskaite_etal_2020_PsychScience.pdf
  4. Hurlbert, A. C., & Ling, Y. (2007). Biological components of sex differences in color preference. Current Biology, 17(16). https://www.sciencedaily.com/releases/2007/08/070820120720.htm
  5. Palmer, S. E., & Schloss, K. B. (2010). An ecological valence theory of human color preference. PNAS, 107(19), 8877–8882. https://palmerlab.berkeley.edu/pdf/Palmer%26Schloss%282010%29.pdf
  6. Wilms, L., & Oberfeld, D. (2018). Color and emotion: effects of hue, saturation, and brightness. Psychological Research, 82, 896–914. https://www.staff.uni-mainz.de/oberfeld/downloads/Wilms-Oberfeld2018_Article_ColorAndEmotionEffectsOfHueSat.pdf
  7. Snyder, C. R. (1994). The Psychology of Hope: You Can Get There From Here. Free Press. Summary at PositivePsychology.com. https://positivepsychology.com/hope-theory/
  8. Rosenfeld, M. (2015). Who wants the breakup? Gender and breakup in heterosexual couples. American Sociological Association press release. https://www.asanet.org/women-more-likely-men-initiate-divorces-not-non-marital-breakups/
  9. Clutch (2025). 57% of consumers can't spot AI photos; 40% trust a brand less when AI imagery is undisclosed. Business Wire, Sept. 18, 2025. https://www.businesswire.com/news/home/20250918110362/en/Clutch-Report-57-of-Consumers-Cant-Spot-AI-Photos-What-That-Means-for-Brands
  10. Design Week (2020). Farewill adopts a light-hearted identity for will writing and probate. https://www.designweek.co.uk/issues/27-january-2-february-2020/rebranding-death-farewill-identity/
  11. W3C. Web Content Accessibility Guidelines 2.2, Success Criterion 1.4.3 Contrast (Minimum). https://www.w3.org/TR/WCAG22/#contrast-minimum
  12. Google Fonts. All typefaces specified in these guidelines are served under the SIL Open Font License at no cost. https://fonts.google.com

Site audit: divvylaw.com and divvylaw.com/blog, read November 3, 2026. Comparables viewed the same day: upsolve.org and atticus.com. Current guidelines: Divvy Brand Guidelines, InDesign export dated February 17, 2026.