🐻 The Bearming style guide

Welcome, fellow Bear. You’ve wandered into the Bearming style guide, a calm spot where text reads easy, links behave politely, and details get just enough attention to feel cared for. Pull up a chair, pour something warm, and have a look around.

🌿 Heading 1: The big friendly title

This is a regular paragraph. It shows how your everyday writing flows in Bearming.

Line height, spacing, and subtle contrast work together to keep reading simple and comfortable. Ideas have room to breathe. You do too.

Here’s another paragraph for rhythm. It’s nice when a page feels steady and unhurried.

🍯 Heading 2: For your main sections

H2s mark new chapters in your post. Clear, friendly, and easy to scan.

• This text is a little thoughtful.
• This one is strong like a good coffee.
• This one is bold and cozy.
• And this one is taking a nap.

🌲 Heading 3: For sub-sections

Use H3 when you want to tuck details under a bigger idea. It keeps things tidy.

🍃 Heading 4: Quiet corners

Great for notes and side thoughts. The kind of things you’d mention in passing.

🪵 Heading 5: Details and whispers

For the completists and the curious.

🐾 Heading 6: Deep in the woods

If you’ve scrolled this far, you probably like clean structure. Same.

🪺 Lists and order

Unordered lists

• Fresh air and a small idea
• A blank page
  • A margin doodle or two
  • Seeds for tomorrow’s post
• A blog that feels like home

Ordered lists

1. Brew something nice.
2. Open Bear.
   1. Write what you mean.
   2. Skip perfection for now.
3. Publish, smile, repeat.

🔗 Links and gentle emphasis

Link out to friendly corners of the web, like Bear Blog or robertbirming.com.

You can also use inline code for filenames or tiny snippets right in the sentence.

🪞 Figures, images, and captions

Below are examples to show how images behave by default, with a rounded class, and with no rounded corners.

Default image (theme-standard corners)

Image without rounded corners

Tip: the theme can target .rounded and .no-radius so you can opt in or out. Defaults remain tidy if you don’t add a class.

💬 Blockquote styles

1️⃣ Basic blockquote

Simplicity is a form of kindness.

2️⃣ Blockquote with <cite>

“Writing is thinking made visible.”
Someone wise

3️⃣ Blockquote with footer

“When words flow easily, let them. When they don’t, walk away — they’ll follow later.”

Blockquote footers sit quietly and never shout. They should feel like a nod, not a trumpet.

🧠 Code blocks

Use these for notes, demos, or helpful snippets. They wrap nicely and scroll when they need to.

/* Bearming color tokens */
:root {
  --text: #222;
  --background: #fff;
  --link: #3273dc;
  --visited: #8b6fcb;
  --divider: color-mix(in srgb, var(--text) 15%, transparent);
}

---

## 🧠 Code blocks

You can include `inline code` to mention snippets or filenames, or longer blocks to demonstrate ideas.

```css
/* Bearming color tokens */
:root {
  --text: #222;
  --background: #fff;
  --divider: color-mix(in oklab, var(--text) 15%, transparent);
}

// Bear's morning routine
function bearWakeup() {
  console.log("☕ Stretch, read, write, repeat.");
}
bearWakeup();

🪶 Tables

Tables are great for organizing ideas or tracking progress, whether you're planning blog posts, travel notes, or your next creative experiment.

🧺 Forms and inputs

Forms in Bearming are simple, readable, and friendly — perfect for guestbooks, contact pages, or creative surveys.

🧩 Horizontal rules

Horizontal rules (like the line above) are a great way to separate thoughts, create gentle pauses, or indicate scene changes between sections.

They help the page breathe — especially in longer posts or lists of reflections.

🪞 Figures and captions

Images in Bearming are automatically responsive and framed with a subtle divider, so they fit naturally into your writing flow.

🪵 Code blocks (continued)

For multi-language posts or technical tinkering, Bearming keeps code easy to read and simple to copy.

<!-- Example HTML snippet -->
<blockquote>
  <p>“Bear with me — I’m learning as I go.”</p>
  <cite>Someone on the internet</cite>
</blockquote>

#season #spooky