26 · Editorial Monogram
A complete Editorial Monogram brand kit, composed by Brandwright for the fictional brand Quill — every asset below comes from one brief. Read-only; start your own to refine any part.
brand kit · essential set
Quill /
The generative core: brief, logo family, palette, typography. Click any filled asset to see all versions.
⚠️ AI-generated — review and refine before shipping. The marks are extracted to SVG/PNG by an AI pipeline, so small imperfections (a stray tone, a slightly-off path, an occasional mis-cropped detail) are possible. Anything off is editable, or just ask the agent to re-generate it.
Strategy
Quill is a calm publishing platform for writers who want to focus on the words, with a literary, considered identity.
- Industry
- publishing & writing software
Art direction
flat vector · monogram mark · cool/vivid/light
Imagery & illustration: flat vector style.
Ask Brandwright to set an audience and a mission to round out the strategy.
Cohesion4/4
Does the identity read as one system? A structural check across voice, art direction, and the mark set.
- met:
Unified personality
one personality drives both voice and visuals
- met:
Art direction set
medium + mark type fixed for the whole brand
- met:
Complete mark system
5/5 logo marks extracted from one brief
- met:
Type pairing set
heading + body chosen as a pair
00
the locked source every asset comes fromLocked brief
The single 16:9 composed source image. Every logo, color, and typeface below is extracted from it — change the brief and the whole kit follows.
1536×1024
.png
versions
brief.png01
5 marks · SVG master + PNG rasterLogo family
bg
mark
1024²
.svg + .png
versions
logos/primary
1024²
.svg + .png
versions
logos/secondary
1024²
.svg + .png
versions
logos/letter-mark
1024²
composed.png
options
logos/app-icon
2048×512
.svg
versions
logos/wordmark◧
every size a browser or OS asks for — and what each is forFavicons & app icons
Browser tab
A purpose-built mark distilled from your logo marks to stay clear in a tiny browser tab.
Quill×1024²
.png
versions
favicons/faviconApp & home screencomposed
The app-icon tile, sized for iOS, Android & PWA installs.
the maskable icon keeps a safe zone, so any mask (circle/squircle) can’t clip the mark
★
the identity applied — product UI + social cardBrand in use
theme
quill.com
QuillProductPricingGet started
Welcome to Quill
The identity applied to a product surface — mark, type, and palette working as one system.
Primary actionSecondary
1200 × 630
social/og-image.pngsocial/ as the brand lockup on the surface color.03
6 rolesColor palette
#2F55E6Quill Blue
#008C8CTeal
#E8E8E8Light Gray
#F7F7F5Soft White
#666666White
#5A6FE8Periwinkle Blue
These colors are easy to read.
“Contrast” is how clearly text stands out from the color behind it. When it’s too low, text gets hard to read — especially for people with weaker eyesight or on a bright screen. Every text-and-background combination here has plenty of it.
Contrast auditall pass WCAG 2.1 AA
- text on surfaceAA5.35:1
- text on neutralAA4.69:1
- black on primaryalternate3.56:1
- white on primary✓ use this5.89:1
| Pairing | Ratio | Result | Suggested fix |
|---|---|---|---|
| text on surface | 5.35:1 | AA | — |
| text on neutral | 4.69:1 | AA | — |
| black on primary | 3.56:1 | alternate | — |
| white on primary | 5.89:1 | ✓ use this | — |
This kit targets WCAG 2.1 AA: every key text/background pairing above is validated and any failure is flagged with a suggested fix. Floor 4.5:1 normal text, 3:1 large. Color is never the only signal.
04
heading + bodyTypography
heading
Playfair Display
Google Fonts
body
Inter
Google Fonts
pairing in use
Quill — a headline in the brand face
Body copy set in Inter. Tuned for legibility at length — the quick brown fox jumps over the lazy dog. 0123456789.
Heading carries the brand’s personality; body is chosen for legibility at small sizes and long form.
05
your palette applied — light & darkTheme
your palette as a light & dark UI theme
Aa — headline
Body copy on the light surface. Muted secondary text.
PrimaryAccentNeutral
Aa — headline
Body copy on the dark surface. Muted secondary text.
PrimaryAccentNeutral
The dark set is derived from your palette and ships ready to use in the kit. For developers: color.dark.* in tokens.json, and @media (prefers-color-scheme: dark) in globals.css.
07
Voice Guide · bundled into the kit zipVoice
Personality
Funny
Serious
Quill should be warm, but writing and publishing deserve a steady, serious voice rather than jokes.
Formal
Casual
The voice is polished and literary, but still plainspoken enough to feel usable in a modern writing tool.
Respectful
Irreverent
Quill treats the writer’s work, attention, and process with clear respect.
Enthusiastic
Matter-of-fact
Quill favors quiet acknowledgement and exact guidance over hype or celebration.
Calm and uncluttered
Speaks with quiet confidence, using simple sentences, generous pacing, and no urgency unless the user’s work is at risk.
“Your draft is saved. Keep writing when you’re ready.”
Literary, not precious
Uses language with care and rhythm, but never becomes ornate, academic, or self-conscious.
“Begin with a blank page, a saved idea, or the piece you left open.”
Considered and precise
Explains clearly, names things accurately, and avoids vague product language. Every word earns its place.
“This change will update the public version of your essay. Your draft history will remain unchanged.”
Respectful of the writer
Treats the user as capable and discerning. Offers guidance without cheerleading, nudging, or overexplaining.
“A title is optional for now. You can add one before publishing.”
Steady and reassuring
In moments of uncertainty, leads with what happened, what is safe, and what the user can do next.
“We couldn’t publish this version. Your draft is safe, and you can try again in a moment.”
Messaging
- Audience
- Writers, essayists, editors, small publications, and thoughtful creators who want a calm place to draft, revise, and publish without the noise of conventional content tools.
- Value
- Quill is a calm publishing platform that gives writers a focused place to write, revise, and publish with care.
Pillars
Focus without friction
A quiet writing environment that keeps tools close but never in the way.
Publishing with care
Clear controls for drafts, revisions, previews, permissions, and public updates, so writers can publish deliberately.
Respect for the writing process
Quill supports slow thinking, unfinished ideas, and careful revision rather than pushing users toward constant output.
A literary home for digital work
The platform feels designed for essays, stories, newsletters, and publications where language matters.
Words we use
draftpieceessaystorymanuscriptpublicationpagerevisionversionarchiveworkspacereading viewpublishsharerestoresavedreadycontinuebeginquietfocusedconsideredplain textyour workyour wordswhen you’re ready
Words we avoid
contentassetspipelineblastship itcrush your goalsgrowth engineviralhustlecreator economyawesomeamazingsuperchargeAI-powered magicseamless experiencegame-changingdon’t worry!oops!uh-ohcongrats!!!justobviouslyeasy-peasy
Voice in action
- primary-ctaWe say: Start writingWe don’t say: Get started now
- empty-stateWe say: No drafts yet. Begin with a blank page when you’re ready.We don’t say: You don’t have any content yet. Create your first post to get started.
- notificationWe say: Saved a moment ago.We don’t say: All changes successfully synced!
- successWe say: Your essay is now published. The public version has been updated.We don’t say: Success! Your content is live and ready to share with the world.
- errorWe say: We couldn’t publish this version. Your draft is safe. Please try again in a moment.We don’t say: Something went wrong while publishing. Try again later.
- primary-ctaWe say: Restore this versionWe don’t say: Roll back changes
- empty-stateWe say: You’ve reached the draft limit for this workspace. Upgrade to keep more work in progress.We don’t say: You’ve maxed out your plan. Upgrade now to unlock unlimited content.
- successWe say: Your Quill workspace is readyWe don’t say: Welcome to Quill — let’s create amazing content!
- errorWe say: Delete this draft? This will remove it from your workspace and cannot be undone.We don’t say: Are you sure you want to delete this item? This action is permanent.
| Surface | ✓ We say | ✕ We don’t |
|---|---|---|
| primary-cta | Start writing | Get started now |
| empty-state | No drafts yet. Begin with a blank page when you’re ready. | You don’t have any content yet. Create your first post to get started. |
| notification | Saved a moment ago. | All changes successfully synced! |
| success | Your essay is now published. The public version has been updated. | Success! Your content is live and ready to share with the world. |
| error | We couldn’t publish this version. Your draft is safe. Please try again in a moment. | Something went wrong while publishing. Try again later. |
| primary-cta | Restore this version | Roll back changes |
| empty-state | You’ve reached the draft limit for this workspace. Upgrade to keep more work in progress. | You’ve maxed out your plan. Upgrade now to unlock unlimited content. |
| success | Your Quill workspace is ready | Welcome to Quill — let’s create amazing content! |
| error | Delete this draft? This will remove it from your workspace and cannot be undone. | Are you sure you want to delete this item? This action is permanent. |
Start from this direction.
A constructed single-letter monogram — contained in a circle, free-standing, and as a bare initial — paired with a confident editorial serif on a trustworthy brand blue. Literary and considered, for publishing and writing tools. Example: Quill, a writing platform. Start here and refine the full system around your brief.