Design system · v1

Calm Mind

Le langage visuel de RestInner : doux, aéré, lisible. Un seul accent, le vert sauge, des surfaces claires et des formes arrondies. Hérité de lanp.restinner.com et étendu pour un blog.

Vert saugeSableRose poudréAtkinson + Nunito
SYS.01

Couleurs

Discipline mono-accent : le vert sauge porte la marque et tous les appels à l'action. Le sable et le rose décorent, ils ne déclenchent jamais d'action.

Marque

Brand--brand #2C6E49
Brand deep--brand-deep #1E5C38
Brand soft--brand-soft #E2EBD5
Green wash--bg-green #EDF1DF

Surfaces & accents chauds

Background--bg #F2F6F8
Surface--surface #FFFFFF
Cream--bg-cream #F4EFE8
Sand--sand #A68B6A
Sand deep--sand-deep #8D765C
Blush--blush #F7DFDC

Texte

Heading--heading #111827
Text--text #1F2937
Muted--muted #4B5563
Faint--faint #6B7280

Statuts

Success#4CAF50
Danger#D32F2F
Warning#B7791F
Info#2B6CB0
SYS.02

Typographie

Atkinson Hyperlegible pour les titres : conçue pour la lisibilité maximale. Nunito pour le texte : ronde et chaleureuse.

H1 · Atkinson 700 · clamp 34–56px

Why Everything You Tried Failed

H2 · 28–40px

Stop fighting your thoughts

H3 · 23px

Three steps to quiet your mind

Corps · Nunito 400 · 17.6px / 1.7

Because the more you try to push thoughts away, the more your mind brings them back. This guide shows you what actually works instead.

Kicker · Atkinson 700 · capitales espacéesOverthinking · 6 min read
SYS.03

Espacement, formes, élévation

s1 · 4
s2 · 8
s3 · 12
s4 · 16
s5 · 24
s6 · 32
s7 · 48
s8 · 72
12 · sm
16 · md
24 · lg
pill
soft
btn
lift
SYS.04

Boutons

Forme pilule. Le primaire est réservé à l'action principale de la page.

Break the Loop Start reading Subscribe
Read more Learn more →
SYS.05

Badges & tags

OverthinkingHabitsNew6 min #anxiety#sleep#mindfulness
SYS.06

Cartes article

La brique de chaque listing : catégorie, titre, extrait, temps de lecture.

SYS.07

Formulaires & newsletter

Jamais de spam. Désinscription en un clic.
Please enter a valid email address.
SYS.09

Corps d'article

Largeur de lecture limitée à 700px, interligne 1.7, titres Atkinson.

Why your mind loops

Overthinking feels productive, which is exactly why it is so sticky. Your brain believes that if it just rehearses the problem once more, a solution will appear.

You cannot think your way out of a loop made of thinking.

What to do instead

  1. Name the thought without arguing with it.
  2. Move your attention to something physical.
  3. Return to the task, gently.
SYS.10

Encadrés

Note

Information complémentaire, ton neutre et rassurant.

Tip

Un conseil pratique à appliquer tout de suite.

Heads up

Point d'attention, sans dramatiser.

Important

Si vos pensées deviennent envahissantes, parlez à un professionnel de santé.

SYS.11

TL;DR, sommaire, FAQ, auteur

In short

  • Overthinking is a habit, not a personality.
  • Suppressing thoughts makes them louder.
  • Redirect attention instead of arguing.
Is overthinking a mental illness?

No. It is a common thinking pattern, though it can accompany anxiety or depression.

How long until I notice a change?

Many people feel a difference within a couple of weeks of consistent practice.

RI
RestInner Editorial

We write practical, evidence-informed guides for anyone stuck in their own head.

SYS.13

Publicité

Emplacements à dimensions réservées pour éviter le décalage de mise en page (CLS).

Leaderboard · 728×90
Rectangle · 300×250
In-feed
SYS.15

États & pagination

Nothing here yet

No articles match your search. Try another word.

Back home
✓ Subscribed. Check your inbox.