Compact Principles Grid

(Principles)

The rules we design by.

Four convictions hold every project together. They keep our work honest when deadlines tighten and the brief gets loud.

Read the full method

Direction before decoration

We settle the intent of a page before a single typeface is chosen. Clarity earns the right to be beautiful.

Draw it by hand first

Every layout begins in ink, not in a file. Rough marks expose the wrong idea faster than any pixel ever could.

Built to stretch

A logo that only works on a billboard is half a logo. We test each mark from favicon to facade before we ship it.

Respect the deadline

Taste is nothing without timing. We pace the craft so the work lands while the moment still matters.

About this block

Compact Principles GridPRO

Compact principles grid with a header and a four-up row of top-border items, each with a lucide icon, title and short description.

More Feature blocks

View all Feature
FREE

feature5

Compact Two-Column Capabilities

Left-aligned headline followed by a compact two-column grid of capability rows. Each row leads with a Lucide icon.

PRO

feature233

Compact two-column icon feature list

A header with a badge, heading, and description, followed by many compact items in a two-column grid — each a lucide icon in a rounded bg-muted tile beside a title and one-line description.

FREE

feature3

Service Grid With Icons

Centered header, three-column grid of capability cards, and an optional CTA with bottom text. Each card leads with a Lucide icon.

PRO

feature160

Centered Icon Cards Grid

4-column grid of feature icons with titles and descriptions below. Perfect for capability highlights, feature icons, or simple feature grid.

FREE

feature4

Two-By-Two With Icon Tiles

Centered headline, four feature tiles in a 2x2 grid, and a CTA. Each tile leads with a large Lucide icon and a short description.

PRO

feature294

Six Gains Ruled Grid

A header with a serif headline that settles in word by word and, at its right end, a rounded pill that copies the install command on click; below it a ruled two by three grid of thin icons, serif titles and short paragraphs that settle in one after another as they scroll into view.