An example · this is BossMom's own, made with the builder · build yours →

Brand system

BossMom

As you set it. Exactly the corners, depth and colour you chose.

Colours

Gradients

Signaturelinear-gradient(115deg,#f7f1e5 0%,#ebe4d8 55%,#d9cde4 100%)Big sections that still need colour.
Deeplinear-gradient(115deg,#1f1429 0%,#412c54 55%,#745094 100%)Dark panels, covers, hero blocks.
Accent washlinear-gradient(115deg,#79549b 0%,#785da3 50%,#3c4a64 100%)One card or one page in a set. Never a whole document.

Type scale

Displayclamp(34px,6vw,62px)Page titles, one per page
Heading30pxSection titles
Subhead21pxInside a section
Body16pxEverything you actually read
Small13.5pxCaptions and notes
Label11pxUppercase, letterspaced 0.2em

the accent face, two or three words at a time

and a handwritten aside

Components

ButtonsPrimaryAccentOutline
TagsTag oneTag twoTag three
Card

A card title

With a line of supporting copy underneath it.

Quote

Something a customer said that you want people to read twice.

Their name

Shape and depth

Your radius
24px
Pills
999px
Lifted
shadow
Corner radius  24px  buttons 999px
Depth         0 18px 40px -18px rgba(0,0,0,0.30)
Gradient angle  115° on every gradient

What reads on what

Heading

Body copy on this ground.

9.8:1 · excellent

Heading

Body copy on this ground.

11.0:1 · excellent

Heading

Body copy on this ground.

5.9:1 · good for all text

Never do this

Do not put ink text on a primary fillToo close in value. Use your background colour on primary fills.
Do not add a third colourThe accent works because it is rare. A second accent halves the value of the first.
Do not change fonts per pieceOne display face and one body face everywhere. Consistency is most of what reads as designed.

In your own words

Warm, a bit playful, never corporate. Purple leads, navy grounds it.

Paste this into any AI

BRAND SYSTEM: BossMom
Direction: As you set it — Exactly the corners, depth and colour you chose.
Mood: Blossom

COLOURS
  Background   #f7f1e5   the page ground
  Surface      #ffffff   cards and panels
  Ink          #2d3d56   headings and strong text
  Ink soft     #646b77   body copy
  Primary      #79549b   buttons, links, emphasis
  Accent       #3c4a64   one highlight per view

GRADIENTS (all 115 degrees)
  Signature: linear-gradient(115deg,#f7f1e5 0%,#ebe4d8 55%,#d9cde4 100%)
  Deep: linear-gradient(115deg,#1f1429 0%,#412c54 55%,#745094 100%)
  Accent wash: linear-gradient(115deg,#79549b 0%,#785da3 50%,#3c4a64 100%)

TYPE
  Headings  Playfair Display,Georgia,serif
  Body      Montserrat,system-ui,sans-serif
  Accent    Playfair Display,Georgia,serif  italic, two or three words at a time
  Hand      Caveat,cursive  one short aside per page at most

TYPE SCALE
  Display   clamp(34px,6vw,62pxPage titles, one per page
  Heading   30px               Section titles
  Subhead   21px               Inside a section
  Body      16px               Everything you actually read
  Small     13.5px             Captions and notes
  Label     11px               Uppercase, letterspaced 0.2em

SHAPE AND DEPTH
  Corner radius  24px   buttons 999px
  Shadow         0 18px 40px -18px rgba(0,0,0,0.30)
  Surfaces       gradients, 115 degrees

SAFE TEXT PAIRINGS
  On #f7f1e5: headings #2d3d56, body #646b77
  On #ffffff: headings #2d3d56, body #646b77
  On #79549b: text #ffffff

NEVER
  - Do not put ink text on a primary fill. Too close in value. Use your background colour on primary fills.
  - Do not add a third colour. The accent works because it is rare. A second accent halves the value of the first.
  - Do not change fonts per piece. One display face and one body face everywhere. Consistency is most of what reads as designed.

IN THEIR OWN WORDS
  Warm, a bit playful, never corporate. Purple leads, navy grounds it.

Use these exact values. Do not substitute colours or fonts.