Podcast

A podcast is a digital media format that typically consists of a series of spoken-word content, often in the form of discussions, interviews, or storytelling, packaged into episodes.

A Smart Investor’s Playbook: FDs, Bonds, Stocks, Gold & Real Estate (Top Investment Guide – Wint Wealth)

by

Introduction

Investing can feel like a daunting maze—especially in India, where options range from the safety of Fixed Deposits to the volatility of stocks and real estate. But the truth is, building wealth isn’t reserved for the elite. In the latest episode of “Figuring Out” with Raj Shamani, Ajinkya Kulkarni, co-founder and CEO of Wint Wealth, walks us through how everyday Indians can make informed investment choices—covering FDs, bonds, mutual funds, gold, real estate, and smart investing habits. Today’s blog post explores these insights in depth, offering explanations, comparisons, and ultimately guiding you toward a balanced investment strategy.Apple

1. Getting Started: How Much Money Do You Really Need?

One of the most common misconceptions? That you need a large sum to begin investing. Ajinkya debunks this myth early in the discussion—starting small is not only possible, it’s vital. The key is consistency, not scale. Even modest amounts, invested over time, compound into significant wealth.Apple Podcasts+1

Why this matters:

  • It dispels inertia—the idea that small sums aren’t worth investing.

  • Encouragement to cultivate healthy investment habits.

  • Aligns with the long-term mindset needed to build wealth steadily.

2. Active vs. Passive Income: Which Should You Focus On?

Ajinkya talks at length about active income (like your salary or a consulting gig) versus passive income (returns from investments). While active income is necessary—it fuels your short-term needs and savings—passive income is the engine behind long-term wealth building. The difference lies in:

  • Active income: Time-intensive, ends when you pause working.

  • Passive income: Money that keeps earning—even when you’re not actively engaged.

Developing a strategy that balances both ensures that your money not only works but grows.

3. Investment Vehicles Compared: FDs, Bonds, Mutual Funds, Gold & Real Estate

Fixed Deposits (FDs)

Highly popular in India for their safety and guaranteed returns, FDs are appealing for risk-averse investors. Yet, Ajinkya warns—highly attractive FD rates might mask inflation risk or institution-specific challenges. Sometimes, “safe” choices aren’t as safe as they appear.Apple

Bonds

Compared to FDs, bonds offer similar cash-flow predictability but often with better returns. Bond investments—from government or corporate instruments—can offer attractive yields while remaining relatively low-risk. But like anything, don’t chase high rates blindly; always check issuer credibility.

Mutual Funds

Mutual funds pool resources to invest across assets—stocks, bonds, gold—offering built-in diversification. There are two main types:

  • Active funds: Managed by experts aiming to outperform the market—but come with higher fees.

  • Index funds/ETFs: Aim to match market performance with lower fees. Ideal for passive investors starting out.

Gold

A traditional safe haven, gold counters inflation and economic instability. In India, it’s also a cultural mainstay. But Ajinkya notes gold shouldn’t dominate your portfolio; best used as a tactical asset or hedge.

Real Estate

Often seen as a wealth trophy in India, real estate can be lucrative—but it’s illiquid, requires significant capital, and comes with maintenance and resale challenges. Strategic exposure here, rather than full allocation, is often wiser.

4. Smart Diversification: Your Money, Your Rules

The magic lies in mixing asset classes to balance risk and reward:

  • Low-risk core: FDs, bonds, index mutual funds.

  • Moderate-risk growth: Select active funds, small gold allocation.

  • High-risk upside: Real estate, stocks, and high-growth funds.

The exact mix depends on your goals, risk appetite, and investment horizon. A balanced portfolio captures growth while keeping you protected during downturns.

5. Red Flags & Mistakes to Avoid

Ajinkya highlights a few pitfalls to sidestep on your investing journey:

  1. Chasing “sure-shot” returns: Quick windy-fall schemes often carry hidden risks or outright scam potential.

  2. Neglecting emergency funds and insurance: Before investing, ensure your basic financial safety net—like health insurance and an emergency buffer—is active.

  3. Ignoring liability reduction: Pay off consumer debt, especially high-interest loans, before chasing investments.

  4. All in on high-risk bets: Speculative investments can blow up in crashes—don’t let desperation cloud rational decisions.

6. Strategies for First-Time Investors

Here are practical steps for beginners:

  • Start with systematic investments in a low-cost index mutual fund.

  • Add stable instruments like FDs or government bonds for foundation.

  • Don’t ignore the value of liquidity—cash savings help you stay flexible.

  • As you grow more confident, cautiously incorporate equities, gold, or small real estate exposure.

7. Upskilling: Your Best Investment

Perhaps one of the most underrated takeaways from the episode? Investing in yourself. Whether through learning new skills or gaining higher qualifications, upskilling remains the most powerful way to grow one’s income—and investable capital. Use extra skills to switch lanes or negotiate raises, then funnel that into diversified investment channels.

8. Can Salaried Indians Become Rich Through Investing?

Absolutely—as this episode underscores. With disciplined saving, balanced investing, and smart choices, a salaried individual can build wealth over time. Ajinkya highlights real examples and frames strategies that scale whether you’re starting from zero or already have some capital.Apple

9. Key Takeaways: Walk Away With This

  • It’s not about how much you start with—it’s how consistently you invest.

  • Passive income is powerful—but requires investment capital to begin.

  • Spread your assets wisely—never rely on one asset class.

  • Stay away from too-good-to-be-true promises.

  • Bolster your financial foundation with insurance and manageable liabilities.

  • Continuous learning and skill development can accelerate your investing power.

Conclusion

Investing wisely doesn’t require fancy jargon or insider access—it’s about clarity, consistency, and a willingness to learn. In this Top Investment Guide episode, Ajinkya Kulkarni—from Wint Wealth—breaks it down: protect your foundation, diversify thoughtfully, don’t chase mirages, and upgrade your earning potential through self-development. As Raj Shamani says through his podcast series, “Figuring Out” isn’t just about raw knowledge—it’s about transforming that into real-life progress.Apple

Skincare Trends Exposed: Lip Care, Gua Sha, SPF & Tanning Tips

by

Intro:
In this digestible yet insightful episode, Dr. Madhuri Agarwal discusses the most prevailing skincare trends—lip care, Gua Sha, SPF, and tanning—with Raj Shamani on Figuring Out (Episode 402). Here’s a breakdown that cuts through the noise, offering practical and expert guidance.

1. Lip Care – More Than Meets the Mirror
Forget aggressive scrubs and “instant brightening” gimmicks. The lips require soft, nourishing care. Trust lip oils or balms that hydrate without stripping or irritating—especially during harsh weather or routine brushing.

2. Gua Sha – Glacial Hype or Real Help?
Used correctly, Gua Sha can stimulate blood flow and aid facial drainage. But remember: light strokes, proper pressure, and clean technique ensure lasting benefits—overzealous use may simply irritate.

3. SPF Isn’t Just for Your Face
We often skip lip protection—yet UV rays don’t discriminate. Applying a lip-safe sunscreen or reapplying your daily SPF to your lips can prevent darkening, roughness, and long-term damage.

4. Tanning – Shaded in Caution
Tanning—whether natural or artificial—can still lead to skin harm. Limit UV exposure, select safer alternatives like self-tanners when needed, and always layer smart nutrition (hydration, antioxidants) with sun-aware habits.

Conclusion:
This episode serves as a mini skincare masterclass—straight to the point, backed by dermatological insight, and rich with everyday-friendly advice. Whether you’re a beauty novice or routine pro, these tips help you build smarter habits—lip by lip, glow by glow.

Billionaire’s Brain vs Your Brain: Morning Routine, Focus & Addiction | Dr Sweta | FO403 Raj Shamani

by

Introduction: The Art of Seeing Success

In just a few fleeting seconds, “Concept of visualization” by Raj Shamani (TalkZillaShorts) delivers a potent message: envision what you desire, and you’re halfway there. This clip reminds us why visualization isn’t just wishful thinking—it’s an intentional act of shaping your reality.

1. What Is Visualization — A Mental Blueprint

Visualization is more than closing your eyes and daydreaming. It’s mentally sculpting your aspirations with clarity: seeing the steps, feeling the triumph, and rehearsing success in the mind’s theater.

2. Why It Works: Science Meets Vision

While the video is brief, its message aligns with a robust body of psychological research:

  • Neural Activation: Imagining actions activates neural pathways in ways similar to physically performing them, priming your mind for success.

  • Goal Structuring: Visualization helps cement your objectives in memory, guiding behavior in line with your envisioned outcome.

  • Confidence Boosting: Mental rehearsal builds trust in your ability—making real-world execution feel familiar.

3. Raj Shamani’s Angle: Short and Impactful

Although concise, Raj Shamani’s shorts often serve as catalytic moments—quick mental nudges that stick. This particular short likely encourages viewers to take a moment: visualize, believe, then act.

4. Turning Vision into Action: A Step-by-Step Approach

  • Be Specific: Visualize with detail—what does success look, feel, even smell like?

  • Engage Your Senses: Use sound, sight, touch, emotion. The more vivid, the more compelling.

  • Practice Regularly: Daily visualization embeds your goal deeper into your subconscious.

  • Pair with Action: Visualization is preparatory. The real magic happens when acted upon.

5. Final Thought: A Glimpse, A Guide, A Boost

In under a minute, “Concept of visualization” launches you into a powerful mindset shift. It’s a prompt—not a complete lesson, but a spark. Let it be the trigger for your next visualization session: imagine your goal, breathe it in, then chase it.

Bill Gates on India, Billion-Dollar Opportunities, PM Modi & His Children | FO335 Raj Shamani

by

When a global icon like Bill Gates speaks about India, the world listens. In his candid conversation with Raj Shamani on Figuring Out (Episode FO335), the Microsoft co-founder and philanthropist shared his thoughts on India’s innovation potential, leadership, billion-dollar opportunities, philanthropy, and even personal insights about wealth and family.

This episode offered a rare mix of business wisdom, global perspective, and human values—making it a must-listen for entrepreneurs, changemakers, and dreamers.

India: A Rising Hub of Innovation

Gates described India as one of the most exciting places in the world for innovation. From AI-driven healthcare to agritech solutions and digital infrastructure, India is producing scalable models that can not only serve its 1.4 billion citizens but also be exported globally.

He highlighted how digital public goods like Aadhaar and UPI are inspiring other countries, proving that India is more than just a talent exporter—it’s now a solutions exporter too.

Billion-Dollar Business Opportunities

When Raj Shamani asked what sectors excite him most, Gates pointed to areas like

  • Healthcare & Diagnostics—Affordable innovations to tackle diseases and malnutrition.

  • Agriculture—Tech-driven solutions for climate-resilient farming.

  • AI & Education—Smarter tools for personalized learning.

  • Clean Energy & Climate Tech—Scalable green solutions to fight climate change.

For entrepreneurs, this was a clear signal: India is brimming with billion-dollar opportunities that also solve billion-people problems.

India’s Leadership & PM Modi’s Role

Gates spoke about Prime Minister Narendra Modi’s role in driving large-scale initiatives in digital transformation, renewable energy, and public health. He appreciated how India has combined political will with entrepreneurial spirit, helping innovation reach the masses faster than ever before.

On Wealth, Inheritance & Children

Perhaps the most personal moment came when Gates revealed why he won’t pass down most of his wealth to his children. Instead, his fortune is directed toward global health, education, and poverty eradication.

“I want my kids to create their own success. Inheriting billions is not the legacy I want to leave,” he said. His children will inherit values, not vast fortunes—an idea that resonated strongly with young listeners.

Lessons for Young Entrepreneurs

Gates left behind powerful advice:

  • Be a lifelong learner—curiosity is your greatest asset.

  • Don’t chase inheritance; build impact.

  • Solve real problems—opportunities come where challenges exist.

  • Think global, act local—India’s solutions can inspire the world.

Final Thoughts

Episode FO335 was more than just an interview; it was a masterclass in vision and values. Gates reminded us that India’s future isn’t just about technology or money—it’s about how innovation, leadership, and social responsibility can come together to shape a better world.

For entrepreneurs, the message was loud and clear: the next billion-dollar business is waiting to be built in India, and it might just change the world.

How architects visualize design for world’s biggest airport

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph.

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.

New tools for Black pregnant and postpartum mothers to save lives

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph.

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.

Lenovo’s smarter devices stoke professional passions

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph.

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.

360 degree podcast post

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.

Mind games: How play

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.

How architects visualize

by

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Typography should be easy

So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.

Something a wise person once told me about typography is:

Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.

It’s probably important that images look okay here by default as well:

What to expect from here on out

What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.

It’s important to cover all of these use cases for a few reasons:

  1. We want everything to look good out of the box.
  2. Really just the first reason, that’s the whole point of the plugin.
  3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.

Now we’re going to try out another header style.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente

Now I’m going to show you an example of an unordered list to make sure that looks good, too:

  • So here is the first item in this list.
  • In this example we’re keeping the items short.
  • Later, we’ll use longer, more complex list items.

And that’s the end of this section.

Code should look okay by default.

I think most people are going to use highlight.js or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.

What I’ve written here is probably long enough, but adding this final sentence can’t hurt.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

Hopefully that looks good enough to you.

There are other elements we need to style

I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.

We even included table styles, check it out:

WrestlerOriginFinisher
Bret “The Hitman” HartCalgary, ABSharpshooter
Stone Cold Steve AustinAustin, TXStone Cold Stunner
Randy SavageSarasota, FLElbow Drop
VaderBoulder, COVader Bomb
Razor RamonChuluota, FLRazor’s Edge

We also need to make sure inline code looks good, like if I wanted to talk about <span> elements or tell you the good news about @tailwindcss/typography.

We still need to think about stacked headings though.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s make sure we don’t screw that up h4 elements, either.

Phew, with any luck we have styled the headings above this text and they look pretty good.

Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca

Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.