faq.sketchbook-margin-notes · Sketchbook margin notes

A faq pattern from Sketchbook, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 9; contact page, section 2. Give the section root data-pattern="faq.sketchbook-margin-notes". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Intro in 1–4 with highlighted h2, a line and a yellow contact sticky; four to six divided questions in 5–12, answers visible.
Slots
sectionLabel, title, body, caption, cta, faqs[4..6]
Tokens
bg #FBF8F0 · text #2A2722 · heading #1B1915 · accent #FFD43B · accent2 #C92A2A · Kalam / Figtree · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Intro in 1–4: note, h2 at step 5 (≤12 ch) with the highlighter swipe, a muted line and a small yellow sticky with a bold contact line and an underline arrow link. Columns 5–12: four to six questions divided by wavy rules, the question handwritten at step 2 and the answer in body text (≤66 ch), all answers visible.

FAQ

Working together

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Corvid Robotics — identity

Start a project

How big are your projects?

Most run 8–16 weeks with a team of three to five people.

Do you work with startups?

Yes, from Series A onwards, when there's a product and paying customers.

Do you build the website too?

We design and build, then train your team to run it.

Where are you based?

Lisbon and London, working with clients across Europe and North America.

Can we hire you for a single deliverable?

Occasionally — a naming project or a sales deck. Ask us.