We Post is a managed social media service for local businesses. We turn raw content from business owners - photos, videos, voice notes - into professional social media posts across every platform.
Our brand communicates competence without complexity. We are editorial, bold, and direct. We never sound corporate, templated, or like a SaaS product.
Confident, not arrogant. We know social media. We don't need to convince anyone it matters.
Direct, not aggressive. Short sentences. No filler. Every word earns its place.
Local, not small. We serve local businesses but we look like we belong in a design magazine.
Human, not AI. Internally we use AI to generate content. Externally, we never mention it. We present as a boutique agency with real people. This is a hard rule.
You run the business. We run your social.
Make every local business look as good online as the work they do in person.
The We Post logo is a wordmark set in Clash Display Bold. "we" is white (or black on light backgrounds). "post" is always the primary accent color (#FF3366).
Maintain a minimum clear space around the logo equal to the height of the "w" character on all sides. Never crowd the logo with other elements.
The wordmark should never be rendered smaller than 24px in digital or 10mm in print to ensure legibility of the "we/post" color split.
Our palette is dark-first and minimal. The primary accent is a warm, energetic pink-red that provides contrast against the near-black backgrounds. Use color sparingly - its power comes from restraint.
Background: Always #0A0A0A (near-black). Never pure black (#000). Cards use #111.
Text hierarchy: Headings in #FAFAFA. Body text in #BBBBBB. Secondary text in #777.
Accent (#FF3366): Used for the logo "post", CTAs, section tags, subtle highlights. Never used for body text or large background fills.
Borders: Always #1E1E1E. Single pixel. Used to create grid structure, not decoration.
Two typefaces create the full visual range: Clash Display for impact, Satoshi for readability. Both are from Fontshare (free for commercial use).
Clash Display is a sharp, geometric display face. Use for all headings, the logo wordmark, large numbers, section tags, and pricing. Weights: 400 (light uses), 500, 600 (subheads), 700 (primary).
Satoshi is a clean, modern grotesque. Use for body text, UI elements, buttons, form labels, and any text meant to be read at length. Weights: 400 (body), 500 (emphasis), 600-700 (buttons, labels).
H1 - 3.8rem
H2 - 1.5rem
H3 - 0.75rem uppercase
Body - 0.92rem Satoshi Regular
LABEL - 0.72rem uppercase, tracked
Display headings: letter-spacing -0.04em to -0.05em. Line-height 0.88-0.95.
Body text: Default tracking. Line-height 1.6-1.7.
Labels/tags: letter-spacing 0.1em-0.2em. Always uppercase.
We Post looks like a design magazine, not a software product. Asymmetric layouts, generous white space, oversized type, grid-based structure with intentional breaks.
Use 1px borders (#1E1E1E) to create visible grid lines. Sections, cards, and content areas are defined by borders, not shadows or color fills. Hover states use subtle background shifts (rgba(255,255,255,0.02)).
Space is a feature, not waste. Headings need room to breathe. Sections use 120px+ vertical padding. Dense information gets horizontal spread, not vertical stacking.
Every content section opens with a tag: accent color, uppercase, tracked wide, preceded by a 32px horizontal line. Example: — How it works
Statistics use Clash Display at 2-5rem with -0.04em tracking. Always paired with a small uppercase label below. Numbers create visual anchors that break up text-heavy sections.
Primary: Accent background (#FF3366), white text, fully rounded (border-radius: 100px), uppercase, tracked, 600 weight Satoshi.
Ghost: Transparent with 1px white/15% border, white text, same shape. Used as secondary actions.
Transitions are 0.15-0.3s ease. Scale on hover: 1.04x for CTAs. Background shifts for cards. No bounces, no complex animations. The marquee (platform scroll) is the only continuous animation at 25s linear infinite.
Desktop: 2-column grids, full editorial layout. Tablet: grids collapse, padding reduces. Mobile: single column, 24px padding, horizontal scroll strips for card series. The topbar uses mix-blend-mode: difference on mobile to avoid competing with content.
Short sentences. Plain language. No jargon. We talk like a person who is very good at their job and doesn't need to prove it.
Never mention AI. Not on the website, not in sales materials, not in client communications. We are a team of people who are very good at social media. Period.
Never use em dashes. Use hyphens, commas, or semicolons. Rewrite the sentence if needed.
Be specific, not vague. "3 posts per week across 2 platforms" beats "comprehensive social media management."
Use second person. "You run the business" not "Business owners can focus on..."
Local flavor matters. Reference neighborhoods, streets, seasonal events. Generic content is the enemy.
Every post should sound like the business owner wrote it on a good day. Casual, confident, knowledgeable about their craft, connected to their community.
Five content types: Job Site Stories, Review Spotlights, Local Expert Tips, Behind the Scenes, Community Shout-outs.
Dark background. Editorial asymmetric layout. Floating topbar with logo + single CTA. Split hero with oversized type left, blurb right. Horizontal scroll for content cards. Grid-bordered pricing. mix-blend-mode: difference on the topbar.
Same dark palette. Functional but styled: sticky topbar, stats bar with large Clash Display numbers, bordered list rows with health dots, slide-out detail panels. Buttons are fully rounded accent or ghost.
Full-screen mobile-first wizard. One step at a time. Large headings, minimal fields, accent-colored progress indicators. Platform connect buttons are full-width with emoji icons and status text. Designed for iPad Mini in the field.
Same brand system adapted for print. Black backgrounds become white. White text becomes black. Accent color stays #FF3366. Clash Display for headlines, Satoshi for body. Grid borders become light gray (#E5E5E5).
Dark cards with accent highlights. Logo always visible. Same type hierarchy. Content shows results: before/after screenshots of client social feeds, metrics, testimonials.