Test page
Kitchen sink
Every block the theme offers, with its options and styles, for checking styling in one place. Each specimen is labelled. Keep this page private.
On this page
Dummy pages
- Home (landing page)
- Our solutions · services: commercial contracts, legal enablement, trademark filing, IP litigation
- Contract health check · assessments: legal intake, month end
- About us · Insights · Contact us
- Terms · Privacy · Service information (default page template)
- A single post · a category archive · search results · 404
Section blocks
Each landing section as it ships (the section patterns), then the other section blocks in their main permutations. Labels break up adjacent sections, so the “tuck up” between same-coloured sections only shows on real pages.
Hero · landing pattern, as shipped
Embedded expertise for growing companies
Get deals moving. Keep growth moving.
modCounsel embeds experienced practitioners across contracting, legal, procurement, and finance to resolve what’s holding work up and carry it through. A dedicated team that learns your business and keeps the people, decisions, and next steps connected.
Early proof · landing pattern, as shipped
Results
See what moves when the work is connected.
Client logos approved for publication.
Contract speed
Approved figure
less time from contract request to signature
Commercial terms
Approved figure
in savings or improved terms on supplier agreements
Team capacity
Approved figure
of capacity created for the internal team
Approved quote about a specific obstacle the team resolved and the business impact that followed. Include the client’s name, title and company as approved.
Featured client example · landing pattern, as shipped
Featured client example
One agreement. Several teams. A clear path forward.
Client name or approved company description came to modCounsel with a specific contracting obstacle. Our team worked with the functions involved to the actions taken, helping the business reach the verified outcome.
Result
Approved metric, timeframe, and comparison baseline
How it moved
- The obstacle the client brought
- First function involved, and what it did
- Second function involved, and what it did
- The approved outcome
The problem · landing pattern, as shipped
How the work moves
The work between teams can hold everything up.
An agreement needs legal review. Commercial terms need finance input. Procurement is waiting on a decision. Each step makes sense on its own, but someone still has to connect them and move the work forward.
For a growing company, coordinating those handoffs takes time your team needs elsewhere.
Where it stalls
- Legal review on the agreement
- Finance input on commercial terms
- A procurement decision
- Signature
The approach · landing pattern, as shipped
With an embedded team
- Legal review on the agreement
- Finance input on commercial terms
- A procurement decision
- Signature
Connected work moves faster.
modCounsel brings a dedicated team into your workflows to understand the business, connect the expertise each problem needs, and carry execution forward as the work crosses functions.
You have people who retain the context, know what needs to happen next, and stay involved through the work.
We follow the work through.
Differentiators · landing pattern, as shipped
How we work
What working together looks like.
Same team, more context
Your dedicated team builds knowledge of your business through the work. That understanding carries into the next agreement, decision, and challenge.
Expertise that connects
Legal, procurement, finance, and operations bring different perspectives. We work across those functions to resolve dependencies and keep execution moving.
Ownership through execution
We help identify what needs to happen and do the work to get there. As new needs emerge, we shape the support with you and make responsibilities clear.
A predictable commercial model
A flat-fee subscription gives you a clear cost for agreed support and reduces the friction of billing by the hour or by individual task.
Technology · landing pattern, as shipped
Technology
Experienced people. Connected tools.
Our proprietary internal platform helps practitioners work with project context, access the materials they need, and manage delivery. It also gives practitioners and leadership visibility into performance, supporting the quality of the work as the team grows.
Your relationship is with the people doing the work, supported by technology built for how they deliver it.
Client stories · landing pattern, as shipped
Client stories
Start with a need. See what becomes possible.
An engagement can begin with contracting and reveal work that needs attention elsewhere. These stories show how the team connects those needs and helps the business act on them.
Customer contract
From a stalled agreement to a signed deal
Customer-contract example: the obstacle, the actions taken across teams, and the verified result.
Procurement
From supplier terms to business value
Procurement example: the negotiation, how legal and finance were involved, and the verified savings or operational result.
Growing scope
From one need to broader capacity
How the agreed scope grew as the team uncovered and handled more work, and what that meant for the business.
Getting started · landing pattern, as shipped
Getting started
Start with the work that needs to move.
Tell us where things are slowing down. We’ll discuss the work, the expertise it needs, and how an embedded team could help.
A conversation about the work
What’s stuck, who’s involved, and the expertise it needs.
A focused pilot
Begin with a focused piece of work while we learn the business together.
Ongoing support
From there, we can shape ongoing support through a flat-fee subscription, with clear priorities and responsibilities.
Contact · landing pattern, as shipped
Let’s talk
What’s holding your next deal up?
Let’s talk about the agreement, decision, or process that needs to move, and the support to carry it forward.
Hero · no eyebrow, one button, arcs off
A shorter headline
Only the fields that are filled in show on the page.
Early proof · filled in: logos, figures and a quote
Results
Every slot filled with approved material.
Contract speed
38%
less time from request to signature
Commercial terms
1.2M
in improved supplier terms
Team capacity
20%
capacity created for the internal team
White card
4x
the fourth tone, and a fourth card wrapping
They kept every deal moving while we grew the team, and we always knew where things stood.
Client nameGeneral Counsel, Company
Client stories · summaries filled in, one left as a placeholder hidden from visitors
Client stories
Stories with approved summaries.
Customer contract
From a stalled agreement to a signed deal
A short approved summary of the engagement and the verified result.
Procurement
From supplier terms to business value
A longer approved summary, so the cards show how they line up when one runs to more lines than the others in the row.
Growing scope
Still a placeholder
Page hero · with an image · mist
Services
Page hero with an image
Copy on the left, image on the right, stacking on small screens.
Page hero · centred, no image · white · arcs off
Insights
A centred page hero
For index pages and short landing pages.
Page hero · left, no image · night · two buttons
Dark
Page hero on night
Buttons switch to their light versions.
Text section · stacked, left · white · paragraphs, list and buttons
Text section
A headline with free text below
An optional lede.
A paragraph of free text, with a link and some emphasis. Paragraphs here are a step up from body size.
- A checklist item
- Another checklist item
Text section · stacked, centred · mist
A centred text section
Centred text suits a short statement between busier sections.
Text section · split · night
Split
Headline left, text right
On a dark section the text, links and accents switch to their light versions. A link on dark.
A second paragraph.
Feature grid · white · 3 columns · with a link
Feature grid
Three cards on white
Cards on white get a hairline ring.
Same team, more context
Your dedicated team builds knowledge of your business through the work.
Expertise that connects
We work across functions to resolve dependencies and keep execution moving.
Ownership through execution
We help identify what needs to happen and do the work to get there. A longer card, to check that rows line up.
Feature grid · mist · 2 columns · centred · kickers
Two cards on mist
Cards on mist are white with no ring.
Category one
Same team, more context
Your dedicated team builds knowledge of your business through the work.
Category two
Expertise that connects
We work across functions to resolve dependencies and keep execution moving.
Feature grid · night · 4 columns · linked cards
Linked
Four linked cards on night
Same team, more context
Your dedicated team builds knowledge of your business through the work.
Expertise that connects
We work across functions to resolve dependencies and keep execution moving.
Ownership through execution
We help identify what needs to happen and do the work to get there. A longer card, to check that rows line up.
A predictable model
A flat-fee subscription gives you a clear cost for agreed support.
Feature grid · white · 3 columns · linked cards with kickers
Linked cards on white
Category one
Same team, more context
Your dedicated team builds knowledge of your business through the work.
Category two
Expertise that connects
We work across functions to resolve dependencies and keep execution moving.
Category three
Ownership through execution
We help identify what needs to happen and do the work to get there. A longer card, to check that rows line up.
What’s covered · white
The offer
What’s covered
A sentence or two about the service, beside the list of what’s included.
Included
- A short item
- An item that runs to two lines at most widths
- Another item
- A fourth item
- A fifth
- And a sixth item
What’s covered · night · no list label
On a dark section
The card keeps an edge so it stands apart.
- One
- Two
- Three
Stats · mist · 3 figures
The outcome
Three figures on mist
With rules between them.
82%
a figure with a percent suffix
8,000+
a long figure with a plus
3
no suffix
Stats · white · 4 figures, one still pending
Four figures on white
78%
of clients
92%
of work embedded
Approved figure
a figure waiting for approval
95%
referral rate
Stats · night · 2 figures
Two figures on night
96%
more matters, no headcount added
97%
efficiency rate
Team · beside the headline · night · one photo, one initials
Your team
Who you’ll be speaking with
Initials stand in until a photo is added.
Juan Santiago Calleja
Director, Operations and Delivery
Maria Angelica Espaldon
Program Manager
Team · below the headline · white · four people
A whole team on white
Alzeena Schwarzmeier
Co-Founder and CEO
Ronak Ray
Co-Founder
Jenelle Bitangcol
Manager, Business Enablement and Delivery, a role long enough to wrap
Frankie dela Pasion
Global People Manager
Testimonials · mist · filled in
Client stories
Approved quotes
A short approved quote.
Client nameGeneral Counsel, Company
A longer approved quote, so the cards show how they line up when one quote runs on for a few more lines than the others.
Client nameGeneral Counsel, Company
A third quote.
Client nameGeneral Counsel, Company
Testimonials · white · one filled, two placeholders (hidden from visitors)
Quotes still being collected
The one approved quote.
Client nameGeneral Counsel, Company
Call to action · night
Next step
Close deals faster. Protect every term.
One conversation to see how your back office can drive front-office results.
Call to action · blue
A blue band with gradient text
The lede stays white on the mid-blue gradient.
Call to action · mist
A mist band
Assessment · mist · three questions · try it
Assessment
A three-question check
Answer and press the button to see the results card.
Your results
0/100
Where to start
Building blocks
Stat, Proof slot and Contact form, which also work outside the section blocks.
Stat
Approved figure
Pending: no figure yet
38%
With a suffix
120
Centred, no suffix
4.5x
On a dark background
Proof slot
Logos: five tiles by default.
Quote: a big quote mark.
Metric: a ghost figure.
Story: just the note.
Contact form
Typography
Headings, paragraph styles, inline formats, font sizes, alignment and colour.
Heading 1, the page title size
Heading 2, a section headline that runs long enough to wrap
Heading 3
Heading 4
Heading 5
Heading 6
Display heading
Centred, with accent colour
Right-aligned, with gradient text
Eyebrow pill
Kicker (small label)
Lede: a larger intro paragraph that sets up what follows, kept to a readable measure even in a wide column.
Statement: we follow the work through.
Fine print: for footnotes, conditions and the small print under a form.
Body text with bold, italic, a link, inline code, Cmd + K, strikethrough, H2O, x2, core highlight in blue, accent colour, gradient text and a placeholder token. A second sentence makes the paragraph wrap, so line height and link underlines can be checked across lines.
Drop cap. A paragraph that opens with a large initial letter, long enough to run past the cap so the wrap around it shows. Placeholder text continues for a few more words to fill the lines.
Font size XS
Font size S
Font size Base
Font size M
Font size L
Font size XL
Font size 2XL
Display
Centred paragraph.
Right-aligned paragraph.
Text in modCounsel Blue.
Text in Green (accessible).
Text in Signal Red.
A paragraph on Mist. Paragraphs with a background get padding from core.
Ink on Sky (soft).
White on Night, with a link.
White on the Lagoon gradient.
Lists, quotes, code and tables
Core lists and their styles, quotes, preformatted text and tables.
- An unordered list item
- An item with a nested list
- Nested item
- Another nested item that runs long enough to wrap onto a second line, so the indent can be checked
- A last item with a link
- An ordered list starting at 3
- Item four
- A reversed list
- Counting down
List styles: Checkmarks · Numbered steps
- Checkmarks
- A checkmark item that wraps onto a second line, to see how the second line sits against the mark
- Numbered steps
- Second step
- Third step
Handoffs (stalled)
- Legal review
- Finance input
- Signature
Handoffs (connected)
- Legal review
- Finance input
- Signature
A default quote: a sentence from a client or source, set apart from the text around it.
Name, Role
Testimonial card: the quote on a white card with a red quote mark.
Client nameGeneral Counsel, Company
Big quote mark: the quote without a card.
Name, Role
A pullquote, for a line worth repeating in large type.
Source
Verse keeps its line breaks and indents.
Preformatted text keeps its spacing,
like this indented line.
npm run build
wp eval-file scripts/seed-dummy-content.php| Header | Header | Header |
|---|---|---|
| Cell | A cell with more text, so it wraps | Cell |
| Cell | Cell | Cell |
| Footer | Footer | Footer |
| Stripes | Value |
|---|---|
| Row one | 1 |
| Row two | 2 |
| Row three | 3 |
Buttons, details and separators
Every button style, widths and a custom colour; disclosure blocks; separators and a spacer.
Details (default)
The hidden content of a details block.
FAQ row: a question someone would ask?
The answer, a sentence or two long.
FAQ row, open by default
An answer that starts open.
A 40px spacer follows.
Media
Images and their styles, alignments, a gallery, covers and media & text. Placeholder images come with the theme.
A left-aligned image with text wrapping beside it. Placeholder text runs on for several sentences so the wrap is visible: the paragraph flows around the image and continues below it once it passes the bottom edge. More placeholder text, so the paragraph is long enough to show how the lines meet the image, and how much space sits between them.
A right-aligned image with soft corners. The same check from the other side: text flows on the left, and the gap between text and image should match the left-aligned case above. Placeholder text continues to fill the space and run below the image.
Cover
A cover with an image and a Night overlay
A cover on the Deep water gradient
Media & text
Image on the left, text on the right, stacking on phones.
Media on the right, on Mist
With a background colour.
Layout and group styles
Group block styles, rows, stacks, grids, columns, and the section decorations.
Card
White with a hairline ring.
Card (dark)
Ink, with a link.
Card (linked)
The whole card is clickable via its last button.
Outline frame
A ring, no fill.
Sketch frame
For drafting a layout.
Spotlight
A blue rule on the left.
Panel
A big rounded tinted block inside a white section. Eyebrows on a panel turn white.
Eyebrow on a panel
Row (flex), stack and columns
Row item
Another row item
A third
Stack item one
Stack item two
A third, centred vertically
Two thirds. This column holds more text, so the vertical centring of the narrower one beside it shows.
Divided columns
draw rules
between columns
Group style: Section with arcs (mist)
Group style: Section with quarter tiles
Group style: Section with white arch
Content below the arch sits on mist.
Widgets and query loops
Search, social links, category and archive lists, latest posts, the page list, tag cloud and calendar, then query loops as a list and as cards.
Categories
- Checklists (1)
- Guides (2)
- Insights (3)
- Reports (1)
- Uncategorized (1)
Archives
Categories, dropdown
Categories · Pills
Latest posts
- Do You Need a Contract Lawyer? What They Actually Do and When to Hire One
Not sure if you need a contract lawyer? Here’s what a contract lawyer actually does, when hiring one makes sense, and how to find the right one. - Hello world!Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
- Contract Review Checklist: The Clauses a Lawyer Actually Flags Before You Sign
Before you sign, know what a contract review lawyer looks for. This checklist covers the clauses that get flagged most often, and why.
- Do You Need a Contract Lawyer? What They Actually Do and When to Hire One
- Hello world!
- Contract Review Checklist: The Clauses a Lawyer Actually Flags Before You Sign
Page list
Tag cloud
Query loop: a list
-
Do You Need a Contract Lawyer? What They Actually Do and When to Hire One
Not sure if you need a contract lawyer? Here’s what a contract lawyer actually does, when hiring one makes sense, and how to find…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Contract Review Checklist: The Clauses a Lawyer Actually Flags Before You Sign
Before you sign, know what a contract review lawyer looks for. This checklist covers the clauses that get flagged most often, and why.
Query loop: cards (as on Insights)
-
Do You Need a Contract Lawyer? What They Actually Do and When to Hire One
Not sure if you need a contract lawyer? Here’s what a contract lawyer actually does, when hiring one makes sense, and how…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Contract Review Checklist: The Clauses a Lawyer Actually Flags Before You Sign
Before you sign, know what a contract review lawyer looks for. This checklist covers the clauses that get flagged most often, and…
On dark surfaces
Core blocks on Night, with accent and gradient
Everything below should switch to its light version on its own: text, links, lists, buttons, quotes, tables and frames.
Body text with bold, a link, code and a placeholder token.
Kicker on dark
Statement on dark.
- Checkmarks on dark
- Second item
- Numbered steps on dark
- Second step
- Stalled on dark
- Second handoff
- Connected on dark
- Second handoff
A big-mark quote on dark.
Client nameRole, Company
A testimonial card on dark stays a white card.
Client nameRole, Company
| Table on dark | Value |
|---|---|
| Row | 1 |
| Row | 2 |
FAQ row on dark
The answer.
Card (dark) on Night
Outline on Night
A white card on Night
Copy and framing patterns
The drafting patterns, built from core blocks and the block styles.
Pattern · modcounsel/framing-intro-centered
Section label
Start with a need. See what becomes possible.
An engagement can begin with contracting and reveal work that needs attention elsewhere. Use this space for the one or two sentences that set up the section.
Pattern · modcounsel/framing-split-intro
Section label
One team. Several functions.
Legal, procurement, finance, and operations bring different perspectives. A dedicated team works across them to resolve dependencies and keep execution moving.
Pattern · modcounsel/framing-statement
Less friction. More forward motion.
Pattern · modcounsel/framing-before-after
The same work, two ways.
Without someone connecting it
- Legal review on the agreement
- Finance input on commercial terms
- A procurement decision
- Signature
With an embedded team
- Legal review on the agreement
- Finance input on commercial terms
- A procurement decision
- Signature
Pattern · modcounsel/framing-feature-grid
Section label
Each step makes sense on its own.
Legal review
An agreement needs legal review before anything else can move.
Finance input
Commercial terms need finance to weigh in on cost and risk.
Procurement decisions
Procurement is waiting on a decision before the supplier can start.
Pattern · modcounsel/framing-stat-row
Approved figure
from contract request to signature
Approved figure
in savings or improved supplier terms
Approved figure
of capacity returned to the internal team
Approved figure
in signed value from a customer contract
Pattern · modcounsel/framing-testimonial
Approved quote about a specific obstacle the team resolved and the business impact that followed.
NameTitle, Company
Pattern · modcounsel/framing-callout
Good to know
modCounsel brings together modLaw Group, a licensed law firm, and its affiliated business services partner. Your engagement identifies the entity providing each service.
Pattern · modcounsel/framing-faq
Questions
The short answers.
What does an embedded team cover?
Experienced practitioners across contracting, legal, procurement, and finance, working inside your workflows. We shape the support with you around the work that needs to move.
How is the work priced?
Ongoing support runs on a flat-fee subscription. You get a clear cost for agreed support, without billing by the hour or by individual task.
How do we get started?
Tell us where things are slowing down. An engagement can begin with a focused pilot, and as we learn the business together we shape ongoing support with clear priorities and responsibilities.
Which entity provides each service?
modCounsel brings together modLaw Group, a licensed law firm, and its affiliated business services partner. Your engagement identifies the entity providing each service.
Pattern · modcounsel/framing-cta-band
What’s holding your next deal up?
Let’s talk about the agreement, decision, or process that needs to move.
Pattern · modcounsel/framing-headline-options
Hero headline options
Read them at full size, then copy the winner into the hero. “Revenue faster” is worth testing once a customer-contract story supports it.
Recommended
Get deals moving. Keep growth moving.
More direct
Get deals across the line. Faster.
More emotional
Your next deal shouldn’t be stuck here.
Broader business focus
Less friction. More forward motion.
Pattern · modcounsel/framing-sketch
Draft
Working headline
- What should the reader believe after this section?
- What proof supports it, and is that proof approved?
- Where does the section send them next?
Pattern · modcounsel/framing-steps
How it starts
Three steps, one direction.
- A conversation about the work. What’s stuck, who’s involved, and the expertise it needs.
- A focused pilot. Begin with a focused piece of work while we learn the business together.
- Ongoing support. A flat-fee subscription, with clear priorities and responsibilities.
Pattern · modcounsel/framing-media-text
Behind the work
Your relationship is with the people doing the work.
Technology supports how they deliver it: project context, the materials they need, and visibility into performance.