{
  "$schema": "/schemas/registry-item.json",
  "name": "serein-journal",
  "type": "registry:page",
  "title": "Serein Journal",
  "description": "A refined independent magazine theme for culture, design, food, travel, and slow-living publications.",
  "categories": [
    "magazine",
    "editorial",
    "blog"
  ],
  "dependencies": [],
  "registryDependencies": [
    "button",
    "card",
    "input"
  ],
  "files": [
    {
      "path": "site/app/themes/serein-journal/preview/page.tsx",
      "type": "registry:page",
      "target": "app/serein-journal/page.tsx",
      "content": "import type { Metadata } from \"next\";\nimport ThemeIcon from \"./ThemeIcon\";\nimport { CompactStory, JournalButton, SectionTitle, StoryCard } from \"./DashboardComponents\";\nimport \"./serein-journal.css\";\n\nexport const metadata: Metadata = { title: \"Serein Journal — Stories for a considered life\", description: \"A refined editorial magazine theme built with Coordiation components, icons, and CSS utilities.\" };\n\nconst featureStories = [\n  [\"/themes/studio-index/detail-food.jpg\", \"TABLE\", \"The quiet ritual of a meal made slowly\"],\n  [\"/themes/noir-habitat/news-light.jpg\", \"SPACE\", \"Rooms that let the morning arrive gently\"],\n  [\"/themes/mono-portfolio/blog-design.jpg\", \"CRAFT\", \"Why the objects we keep deserve more attention\"],\n] as const;\n\nconst latestStories = [\n  [\"/themes/signal-agency/blog-meeting.jpg\", \"PEOPLE\", \"A generous meeting can change the work\"],\n  [\"/themes/studio-index/root-table.jpg\", \"WORK\", \"Making room for one clear idea\"],\n  [\"/themes/noir-habitat/project-house.jpg\", \"PLACE\", \"A house that listens to the landscape\"],\n  [\"/themes/studio-index/detail-chef.jpg\", \"CRAFT\", \"The confidence of practiced hands\"],\n] as const;\n\nexport default function SereinJournalPreview() {\n  return <main className=\"serein-journal co-overflow-hidden\" id=\"top\">\n    <header className=\"sj-header co-flex co-items-center co-justify-between\"><a className=\"sj-logo\" href=\"#top\" aria-label=\"Serein Journal home\">SEREIN<span>.</span></a><nav className=\"co-flex co-items-center\" aria-label=\"Serein Journal navigation\"><a href=\"#stories\">Stories</a><a href=\"#edit\">The edit</a><a href=\"#latest\">Latest</a><a href=\"#newsletter\">Newsletter</a></nav><a className=\"sj-search co-inline-flex co-items-center co-justify-center\" href=\"#latest\" aria-label=\"Search stories\"><ThemeIcon name=\"search\" size={19} tone=\"ink\" /></a><details className=\"sj-mobile-menu\"><summary aria-label=\"Open navigation\"><ThemeIcon name=\"hamburger-menu\" size={22} tone=\"ink\" /></summary><div className=\"co-flex co-flex-col\"><a href=\"#stories\">Stories</a><a href=\"#edit\">The edit</a><a href=\"#latest\">Latest</a><a href=\"#newsletter\">Newsletter</a></div></details></header>\n\n    <section className=\"sj-hero co-grid\" id=\"stories\"><div className=\"sj-hero-copy co-flex co-flex-col co-justify-center\"><p className=\"sj-category\">THE WEEKEND EDITION</p><h1>Notice what<br />the day is<br /><em>trying to tell you.</em></h1><p>Independent stories about design, people, food, and the small decisions that shape a considered life.</p><JournalButton href=\"#edit\">Read the cover story</JournalButton></div><figure className=\"sj-hero-image co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/noir-habitat/project-interior.jpg\" alt=\"Sunlit modern interior with warm wood details\" /><figcaption className=\"co-absolute co-flex co-items-center co-justify-between\"><span>Volume 09 · September 2026</span><ThemeIcon name=\"bookmark\" size={18} tone=\"paper\" /></figcaption></figure></section>\n\n    <section className=\"sj-news-strip co-grid\">{featureStories.map(([image,category,title])=><CompactStory image={image} category={category} title={title} key={title} />)}</section>\n\n    <section className=\"sj-featured\" id=\"edit\"><SectionTitle index=\"01\" centered>Featured</SectionTitle><div className=\"sj-feature-layout co-grid co-items-center\"><div className=\"sj-feature-visual co-relative\"><i className=\"co-absolute\" /><img className=\"co-relative co-w-full co-h-full co-object-cover\" src=\"/themes/studio-index/playroom.jpg\" alt=\"Creative portrait in a warm editorial composition\" /></div><article><p className=\"sj-category\">CREATIVE LIFE</p><h3>Keep only what brings the work into focus</h3><p>A conversation about useful restraint, creative courage, and learning to leave enough room for an idea to breathe.</p><div className=\"co-flex co-items-center\"><span>By Mira Santoso</span><span>8 min read</span></div><a className=\"sj-read co-inline-flex co-items-center\" href=\"#latest\">Read the feature <ThemeIcon name=\"arrow-right\" size={15} tone=\"gold\" /></a></article></div></section>\n\n    <section className=\"sj-essay co-grid co-items-center\"><article><p className=\"sj-category\">DESIGN &amp; PLACE</p><h2>Good spaces do not ask for attention.</h2><p>They hold it quietly—in the angle of a chair, the texture of a wall, and the way afternoon light lands on the floor.</p><JournalButton href=\"#latest\" light>Explore the essay</JournalButton></article><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/noir-habitat/service-interior.jpg\" alt=\"A warm, restrained residential interior\" /></section>\n\n    <section className=\"sj-must-read\"><SectionTitle index=\"02\">Must read</SectionTitle><div className=\"sj-three-up co-grid\">{featureStories.map(([image,category,title])=><StoryCard image={image} category={category} title={title} key={title} />)}</div></section>\n\n    <section className=\"sj-essential\"><div className=\"sj-essential-title co-relative co-text-center\"><i className=\"co-absolute\" /><SectionTitle index=\"03\" centered>Essential</SectionTitle></div><StoryCard large image=\"/themes/industrial-forge/cta.jpg\" category=\"TRAVEL\" title=\"Take the long way when the view asks you to stay\" excerpt=\"An unhurried route through open land, changing weather, and the value of arriving with a story.\" /></section>\n\n    <section className=\"sj-latest\" id=\"latest\"><div className=\"sj-latest-head co-flex co-items-end co-justify-between\"><SectionTitle index=\"04\">Latest stories</SectionTitle><a className=\"sj-read co-inline-flex co-items-center\" href=\"#newsletter\">View the archive <ThemeIcon name=\"arrow-right\" size={14} tone=\"gold\" /></a></div><div className=\"sj-latest-layout co-grid\"><div className=\"sj-latest-grid co-grid\">{latestStories.map(([image,category,title])=><StoryCard image={image} category={category} title={title} excerpt=\"A practical note for people who believe better attention creates better work.\" key={title} />)}</div><aside><h3>Trending now</h3>{latestStories.slice(0,3).map(([image,category,title],index)=><article className=\"co-grid co-items-center\" key={title}><span>0{index+1}</span><img className=\"co-w-full co-h-full co-object-cover\" src={image} alt=\"\" /><div><p className=\"sj-category\">{category}</p><h4>{title}</h4></div></article>)}<div className=\"sj-side-note\"><ThemeIcon name=\"star\" size={22} tone=\"gold\" /><p>One carefully selected story, every Sunday morning.</p><a href=\"#newsletter\">Join 18,400 readers</a></div></aside></div></section>\n\n    <section className=\"sj-newsletter co-grid co-items-center\" id=\"newsletter\"><div><p className=\"sj-category\">A LETTER FROM SEREIN</p><h2>Good stories,<br /><em>delivered slowly.</em></h2><p>No noise. Just one considered note for your Sunday morning.</p></div><form className=\"co-flex co-items-center\"><ThemeIcon name=\"letter\" size={19} tone=\"paper\" /><label className=\"co-sr-only\" htmlFor=\"sj-email\">Email address</label><input id=\"sj-email\" type=\"email\" placeholder=\"you@example.com\" /><button className=\"co-inline-flex co-items-center co-justify-center\" type=\"submit\">Subscribe <ThemeIcon name=\"arrow-right\" size={14} tone=\"ink\" /></button></form></section>\n\n    <footer className=\"sj-footer\"><div className=\"sj-footer-main co-grid\"><div><a className=\"sj-logo\" href=\"#top\">SEREIN<span>.</span></a><p>Independent stories for a more attentive life.</p></div><div><strong>Explore</strong><a href=\"#stories\">Stories</a><a href=\"#edit\">The edit</a><a href=\"#latest\">Archive</a></div><div><strong>Topics</strong><a href=\"#latest\">Design</a><a href=\"#latest\">People</a><a href=\"#latest\">Food</a><a href=\"#latest\">Place</a></div><div><strong>Contact</strong><a className=\"co-inline-flex co-items-center\" href=\"mailto:hello@serein.example\"><ThemeIcon name=\"letter\" size={14} tone=\"paper\" />hello@serein.example</a><a className=\"co-inline-flex co-items-center\" href=\"#top\"><ThemeIcon name=\"global\" size={14} tone=\"paper\" />Jakarta · Worldwide</a></div></div><div className=\"sj-footer-bottom co-flex co-items-center co-justify-between\"><span>© 2026 Coordiation. All rights reserved.</span><a className=\"co-inline-flex co-items-center\" href=\"#top\">Back to top <ThemeIcon name=\"arrow-to-top-right\" size={14} tone=\"gold\" /></a></div></footer>\n  </main>;\n}\n"
    },
    {
      "path": "site/app/themes/serein-journal/preview/serein-journal.css",
      "type": "registry:style",
      "target": "app/serein-journal/serein-journal.css",
      "content": ".serein-journal{--sj-paper:#fbfaf6;--sj-ink:#211f1c;--sj-gold:#b08a4a;--sj-soft:#eee5d6;--sj-line:#ddd8cf;min-height:100vh;background:var(--sj-paper);color:var(--sj-ink);font:15px/1.65 Arial,Helvetica,sans-serif}.serein-journal *,.serein-journal *::before,.serein-journal *::after{box-sizing:border-box}.serein-journal h1,.serein-journal h2,.serein-journal h3,.serein-journal h4,.serein-journal p,.serein-journal figure{margin:0}.serein-journal a{color:inherit;text-decoration:none}.serein-journal img{display:block;max-width:100%}.serein-journal h1,.serein-journal h2,.serein-journal h3,.serein-journal h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400}.serein-journal em{color:var(--sj-gold);font-weight:400}.serein-journal .co-flex{display:flex}.serein-journal .co-inline-flex{display:inline-flex}.serein-journal .co-grid{display:grid}.serein-journal .co-items-center{align-items:center}.serein-journal .co-items-end{align-items:flex-end}.serein-journal .co-justify-between{justify-content:space-between}.serein-journal .co-justify-center{justify-content:center}.serein-journal .co-flex-col{flex-direction:column}.serein-journal .co-relative{position:relative}.serein-journal .co-absolute{position:absolute}.serein-journal .co-overflow-hidden{overflow:hidden}.serein-journal .co-w-full{width:100%}.serein-journal .co-h-full{height:100%}.serein-journal .co-object-cover{object-fit:cover}.serein-journal .co-text-center{text-align:center}.serein-journal .co-transition{transition-property:transform,color,background-color,opacity}.serein-journal .co-duration-300{transition-duration:.3s}.serein-journal .co-duration-500{transition-duration:.5s}.serein-journal .co-ease-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}.serein-journal .co-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sj-icon{display:block;flex:none}.sj-icon-paper{filter:invert(1)}.sj-icon-gold{filter:invert(55%) sepia(37%) saturate(765%) hue-rotate(359deg) brightness(92%)}\n.sj-header{height:92px;padding:0 clamp(22px,4.5vw,72px);border-bottom:1px solid var(--sj-line);background:rgba(251,250,246,.95)}.sj-logo{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:.08em}.sj-logo span{color:var(--sj-gold)}.sj-header nav{gap:38px;margin-left:auto;margin-right:35px}.sj-header nav a{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sj-header nav a:hover{color:var(--sj-gold)}.sj-search{width:42px;height:42px;border:1px solid var(--sj-line);border-radius:50%}.sj-mobile-menu{display:none;position:relative}.sj-mobile-menu summary{list-style:none}.sj-mobile-menu summary::-webkit-details-marker{display:none}.sj-mobile-menu>div{position:absolute;right:0;top:42px;z-index:20;width:240px;padding:10px;border:1px solid var(--sj-line);background:var(--sj-paper);box-shadow:0 16px 40px rgba(33,31,28,.12)}.sj-mobile-menu a{padding:13px 14px;border-bottom:1px solid var(--sj-line);font-size:12px;text-transform:uppercase}\n.sj-hero{grid-template-columns:39% 61%;min-height:670px}.sj-hero-copy{padding:80px clamp(35px,7vw,120px) 80px clamp(25px,5vw,80px);background:#f4efe6}.sj-category{color:var(--sj-gold);font-size:10px;font-weight:700;letter-spacing:.16em}.sj-hero h1{margin:22px 0 30px;font-size:clamp(55px,5.7vw,96px);line-height:.93;letter-spacing:-.055em}.sj-hero-copy>p:nth-of-type(2){max-width:430px;color:#716b62}.sj-button{width:230px;min-height:54px;margin-top:35px;padding:0 20px;background:var(--sj-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sj-button:hover{background:var(--sj-gold)}.sj-button.is-light{border:1px solid var(--sj-ink);background:transparent;color:var(--sj-ink)}.sj-button.is-light:hover{background:var(--sj-ink);color:#fff}.sj-hero-image img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.sj-hero-image:hover img{transform:scale(1.025)}.sj-hero-image figcaption{right:0;bottom:0;left:0;padding:18px 25px;background:rgba(22,20,18,.88);color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}\n.sj-news-strip{grid-template-columns:repeat(3,1fr);margin:0 clamp(25px,4vw,65px);border-right:1px solid var(--sj-line);border-bottom:1px solid var(--sj-line);border-left:1px solid var(--sj-line)}.sj-compact{grid-template-columns:92px 1fr;gap:18px;min-height:148px;padding:25px;border-right:1px solid var(--sj-line)}.sj-compact:last-child{border-right:0}.sj-compact>img{height:92px}.sj-compact h3{margin:7px 0 9px;font-size:19px;line-height:1.15}.sj-compact span{gap:6px;color:#89847d;font-size:9px;text-transform:uppercase}\n.sj-featured,.sj-must-read,.sj-latest{max-width:1250px;margin:auto;padding:130px 40px}.sj-section-title>span{gap:10px;color:var(--sj-gold);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.sj-section-title>span i{width:6px;height:6px;background:var(--sj-gold);border-radius:50%}.sj-section-title h2{margin-top:7px;color:var(--sj-gold);font-size:clamp(72px,10vw,145px);line-height:.88;letter-spacing:-.055em}.sj-feature-layout{grid-template-columns:1fr .82fr;gap:100px;margin-top:-20px}.sj-feature-visual{height:620px;padding-left:40px}.sj-feature-visual>i{top:75px;left:0;width:180px;height:180px;border-radius:50%;background:var(--sj-soft)}.sj-feature-visual img{object-position:center}.sj-feature-layout article h3{margin:14px 0 28px;font-size:clamp(38px,4vw,59px);line-height:1.02;letter-spacing:-.04em}.sj-feature-layout article>p:nth-of-type(2){max-width:490px;color:#716b62}.sj-feature-layout article>div{gap:25px;margin:26px 0;color:#8b867e;font-size:10px;text-transform:uppercase}.sj-read{gap:9px;padding-bottom:3px;border-bottom:1px solid var(--sj-gold);color:var(--sj-gold);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}\n.sj-essay{grid-template-columns:43% 57%;min-height:580px;background:var(--sj-ink);color:#fff}.sj-essay article{padding:70px clamp(35px,7vw,110px)}.sj-essay h2{margin:16px 0 25px;font-size:clamp(46px,5.5vw,82px);line-height:.96;letter-spacing:-.05em}.sj-essay article>p:nth-of-type(2){max-width:520px;color:#b9b5ae}.sj-essay img{min-height:580px}.sj-essay .sj-button{border-color:#fff;color:#fff}.sj-essay .sj-button:hover{background:#fff;color:var(--sj-ink)}\n.sj-three-up{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:55px}.sj-story-image{display:block;height:265px;background:#eee}.sj-story-image>span{right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;background:var(--sj-ink);opacity:0;transform:translateY(8px);transition:.3s}.sj-story-card:hover .sj-story-image>span{opacity:1;transform:none}.sj-story-card:hover .sj-story-image>img{transform:scale(1.045)}.sj-story-card>div{padding-top:21px}.sj-story-card h3{margin:9px 0 17px;font-size:26px;line-height:1.1}.sj-story-card>div>p:not(.sj-category){margin-bottom:18px;color:#777168;font-size:13px}\n.sj-essential{padding:125px 0 145px}.sj-essential-title>i{top:85px;left:50%;width:135px;height:135px;border-radius:50%;background:var(--sj-soft);transform:translateX(-300px)}.sj-essential>.sj-story-card{max-width:1050px;margin:-10px auto 0}.sj-story-card.is-large .sj-story-image{height:610px}.sj-story-card.is-large>div{max-width:560px;margin:0 auto;padding-top:30px;text-align:center}.sj-story-card.is-large h3{font-size:clamp(38px,5vw,62px)}\n.sj-latest{border-top:1px solid var(--sj-line)}.sj-latest-head .sj-section-title h2{font-size:clamp(60px,8vw,110px)}.sj-latest-layout{grid-template-columns:1fr 330px;gap:70px;margin-top:55px}.sj-latest-grid{grid-template-columns:repeat(2,1fr);gap:55px 32px}.sj-latest-grid .sj-story-image{height:310px}.sj-latest-layout>aside{padding-left:30px;border-left:1px solid var(--sj-line)}.sj-latest-layout>aside>h3{margin-bottom:12px;color:var(--sj-gold);font-size:27px}.sj-latest-layout>aside>article{grid-template-columns:28px 80px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--sj-line)}.sj-latest-layout>aside>article>span{color:#aaa;font-family:Georgia,serif}.sj-latest-layout>aside>article img{height:68px}.sj-latest-layout>aside h4{margin-top:5px;font-size:15px;line-height:1.2}.sj-side-note{margin-top:35px;padding:28px;background:#f1eadf}.sj-side-note p{margin:14px 0;font-family:Georgia,serif;font-size:22px;line-height:1.15}.sj-side-note a{font-size:10px;font-weight:700;text-transform:uppercase}\n.sj-newsletter{grid-template-columns:1fr 1fr;gap:80px;padding:95px clamp(30px,8vw,130px);background:var(--sj-soft)}.sj-newsletter h2{margin:12px 0 20px;font-size:clamp(45px,5.5vw,74px);line-height:.95}.sj-newsletter>div>p:last-child{color:#6f6a61}.sj-newsletter form{height:66px;padding:7px 7px 7px 20px;background:var(--sj-ink);color:#fff}.sj-newsletter input{min-width:0;height:100%;padding:0 15px;flex:1;border:0;outline:0;background:transparent;color:#fff}.sj-newsletter button{height:52px;padding:0 20px;gap:9px;border:0;background:#fff;color:var(--sj-ink);font-weight:700}\n.sj-footer{padding:78px clamp(25px,6vw,95px) 28px;border-top:1px solid #393630;background:#181714;color:#fff}.sj-footer-main,.sj-footer-bottom{width:100%;max-width:1250px;margin-right:auto;margin-left:auto}.sj-footer-main{grid-template-columns:minmax(250px,1.55fr) repeat(3,minmax(120px,1fr));gap:clamp(38px,5vw,76px)}.sj-footer-main>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}.sj-footer-main>div:first-child{padding-right:30px}.sj-footer-main>div:first-child .sj-logo{margin-bottom:15px;font-size:29px;line-height:1}.sj-footer-main>div:first-child p{max-width:280px;color:#aaa59c;font-size:13px;line-height:1.75}.sj-footer-main strong{margin-bottom:12px;color:#d0aa68;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.sj-footer-main a:not(.sj-logo),.sj-footer-main span{min-height:28px;gap:9px;color:#c8c4bd;font-size:12px;line-height:1.45;transition:color .25s ease,transform .25s ease}.sj-footer-main a:not(.sj-logo):hover{color:#fff;transform:translateX(3px)}.sj-footer-main a .sj-icon{opacity:.8}.sj-footer-main a:hover .sj-icon{opacity:1}.sj-footer-main>div:last-child a{max-width:100%;overflow-wrap:anywhere}.sj-footer-bottom{margin-top:68px;padding-top:22px;border-top:1px solid #45413b;color:#aaa59c;font-size:10px;letter-spacing:.03em}.sj-footer-bottom a{gap:8px;color:#fff}.sj-footer-bottom a:hover{color:#d0aa68}\n.serein-journal{--sj-gold-text:#6f512a}.serein-journal .sj-category,.serein-journal .sj-section-title>span,.serein-journal .sj-read{color:var(--sj-gold-text)}.serein-journal .sj-read{border-bottom-color:var(--sj-gold-text)}.serein-journal .sj-button{color:#fff}.serein-journal .sj-button:hover{background:#6f512a;color:#fff}.serein-journal .sj-button.is-light{color:var(--sj-ink)}.serein-journal .sj-button.is-light:hover{background:var(--sj-ink);color:#fff}.serein-journal .sj-button.is-light:hover .sj-icon{filter:invert(1)}.serein-journal .sj-essay .sj-button{height:52px;min-height:52px;max-height:52px;align-self:flex-start;color:#fff}.serein-journal .sj-essay .sj-button .sj-icon{filter:invert(1)}.serein-journal .sj-essay .sj-button:hover{background:#fff;color:var(--sj-ink)}.serein-journal .sj-essay .sj-button:hover .sj-icon{filter:none}.serein-journal .sj-newsletter button:hover{background:#d8c6a6;color:var(--sj-ink)}.serein-journal .sj-footer{display:block;min-height:0;grid-template-columns:none;align-items:initial}.serein-journal .sj-footer p{display:block}.serein-journal :is(.sj-button,.sj-read,.sj-search,.sj-mobile-menu summary,.sj-newsletter button):focus-visible{outline:3px solid #6f512a;outline-offset:3px}.serein-journal .sj-essay .sj-button:focus-visible,.serein-journal .sj-newsletter button:focus-visible{outline-color:#fff}.serein-journal .sj-newsletter input:focus-visible{outline:2px solid #fff;outline-offset:2px}\n@keyframes sj-pulse{50%{opacity:.3;transform:scale(.65)}}@keyframes sj-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.serein-journal .motion-safe\\:co-animate-pulse{animation:sj-pulse 1.8s ease-in-out infinite}.sj-feature-layout,.sj-essay article,.sj-three-up,.sj-essential>.sj-story-card,.sj-latest-layout{animation:sj-rise .8s both;animation-timeline:view();animation-range:entry 10% cover 28%}}@media(prefers-reduced-motion:reduce){.serein-journal *,.serein-journal *::before,.serein-journal *::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}\n@media(max-width:980px){.sj-header nav,.sj-header>.sj-search{display:none}.sj-mobile-menu{display:block}.sj-hero{grid-template-columns:1fr;min-height:0}.sj-hero-copy{min-height:590px}.sj-hero-image{height:560px}.sj-news-strip{grid-template-columns:1fr;margin:0}.sj-compact{border-right:0;border-bottom:1px solid var(--sj-line)}.sj-feature-layout{grid-template-columns:1fr;gap:45px}.sj-feature-visual{max-width:700px}.sj-essay{grid-template-columns:1fr}.sj-essay img{height:520px;min-height:0}.sj-latest-layout{grid-template-columns:1fr}.sj-latest-layout>aside{padding:30px 0 0;border-top:1px solid var(--sj-line);border-left:0}.sj-newsletter{grid-template-columns:1fr;gap:35px}.sj-footer-main{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:680px){.sj-header{height:74px;padding:0 20px}.sj-logo{font-size:21px}.sj-hero-copy{min-height:520px;padding:65px 22px}.sj-hero h1{font-size:58px}.sj-hero-image{height:420px}.sj-featured,.sj-must-read,.sj-latest{padding:90px 20px}.sj-section-title h2{font-size:67px}.sj-feature-layout{margin-top:30px}.sj-feature-visual{height:440px;padding-left:18px}.sj-feature-layout article h3{font-size:39px}.sj-essay article{padding:75px 22px}.sj-essay img{height:390px}.sj-three-up,.sj-latest-grid{grid-template-columns:1fr}.sj-story-image,.sj-latest-grid .sj-story-image{height:300px}.sj-essential{padding:85px 20px 100px}.sj-essential-title>i{display:none}.sj-essential>.sj-story-card{margin-top:35px}.sj-story-card.is-large .sj-story-image{height:410px}.sj-story-card.is-large>div{text-align:left}.sj-latest-head{align-items:flex-start;flex-direction:column;gap:25px}.sj-latest-layout{gap:50px}.sj-newsletter{padding:75px 20px}.sj-newsletter form{height:auto;min-height:64px;flex-wrap:wrap;padding:14px}.sj-newsletter input{min-height:44px}.sj-newsletter button{width:100%}.sj-footer{padding:60px 22px 24px}.sj-footer-main{grid-template-columns:1fr;gap:36px}.sj-footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}}\n@media(max-width:360px){.sj-hero h1{font-size:49px}.sj-hero-copy{padding-right:18px;padding-left:18px}.sj-button{width:100%}.sj-featured,.sj-must-read,.sj-latest{padding-right:16px;padding-left:16px}.sj-section-title h2{font-size:58px}.sj-feature-layout article h3{font-size:35px}.sj-newsletter h2{font-size:43px}}\n@media(max-width:980px){.sj-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px}.sj-footer-main>div:first-child{grid-column:1/-1;padding-right:0;padding-bottom:32px;border-bottom:1px solid #393630}.sj-footer-main>div:first-child p{max-width:440px}.sj-footer-main>div:last-child{grid-column:1/-1;padding-top:2px}.sj-footer-bottom{margin-top:50px}}\n@media(max-width:680px){.sj-footer{padding:58px 20px 24px}.sj-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.sj-footer-main>div:first-child{padding-bottom:26px}.sj-footer-main>div:first-child .sj-logo{font-size:26px}.sj-footer-main>div:last-child{padding-top:26px;border-top:1px solid #393630}.sj-footer-main strong{margin-bottom:8px}.sj-footer-main a:not(.sj-logo),.sj-footer-main span{font-size:12px}.sj-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px;margin-top:42px;padding-top:20px}}\n@media(max-width:360px){.sj-footer{padding-right:16px;padding-left:16px}.sj-footer-main{column-gap:16px}.sj-footer-main>div:last-child{grid-column:1/-1}}\n"
    },
    {
      "path": "site/app/themes/serein-journal/preview/ThemeIcon.tsx",
      "type": "registry:component",
      "target": "app/serein-journal/ThemeIcon.tsx",
      "content": "const icons = {\n  \"arrow-right\": \"/icons/solar-linear/arrow-right.svg\",\n  \"arrow-to-top-right\": \"/icons/solar-linear/arrow-to-top-right.svg\",\n  \"hamburger-menu\": \"/icons/solar-linear/hamburger-menu.svg\",\n  calendar: \"/icons/solar-linear/calendar.svg\",\n  clock: \"/icons/solar-linear/clock-circle.svg\",\n  bookmark: \"/icons/solar-linear/bookmark.svg\",\n  search: \"/icons/solar-linear/magnifier.svg\",\n  letter: \"/icons/solar-linear/letter.svg\",\n  star: \"/icons/solar-linear/star.svg\",\n  global: \"/icons/solar-linear/global.svg\",\n} as const;\n\nexport type ThemeIconName = keyof typeof icons;\n\nexport default function ThemeIcon({ name, size = 18, tone = \"ink\" }: { name: ThemeIconName; size?: number; tone?: \"ink\" | \"paper\" | \"gold\" }) {\n  return <img className={`sj-icon sj-icon-${tone}`} src={icons[name]} width={size} height={size} alt=\"\" aria-hidden=\"true\" />;\n}\n"
    },
    {
      "path": "site/app/themes/serein-journal/preview/DashboardComponents.tsx",
      "type": "registry:component",
      "target": "app/serein-journal/DashboardComponents.tsx",
      "content": "import type { ReactNode } from \"react\";\nimport ThemeIcon from \"./ThemeIcon\";\n\nexport function JournalButton({ href, children, light = false }: { href: string; children: ReactNode; light?: boolean }) {\n  return <a className={`sj-button co-inline-flex co-items-center co-justify-between co-transition co-duration-300 co-ease-out${light ? \" is-light\" : \"\"}`} href={href}>{children}<ThemeIcon name=\"arrow-right\" size={15} tone={light ? \"ink\" : \"paper\"} /></a>;\n}\n\nexport function SectionTitle({ index, children, centered = false }: { index: string; children: ReactNode; centered?: boolean }) {\n  return <div className={`sj-section-title${centered ? \" co-text-center\" : \"\"}`}><span className=\"co-inline-flex co-items-center\"><i className=\"motion-safe:co-animate-pulse motion-reduce:co-animate-none\" />Edition {index}</span><h2>{children}</h2></div>;\n}\n\nexport function StoryCard({ image, category, title, excerpt, large = false }: { image: string; category: string; title: string; excerpt?: string; large?: boolean }) {\n  return <article className={`sj-story-card${large ? \" is-large\" : \"\"}`}><a className=\"sj-story-image co-relative co-overflow-hidden\" href=\"#newsletter\"><img className=\"co-w-full co-h-full co-object-cover co-transition co-duration-500 co-ease-out\" src={image} alt=\"\" /><span className=\"co-absolute co-inline-flex co-items-center co-justify-center\"><ThemeIcon name=\"arrow-to-top-right\" size={16} tone=\"paper\" /></span></a><div><p className=\"sj-category\">{category}</p><h3>{title}</h3>{excerpt && <p>{excerpt}</p>}<a className=\"sj-read co-inline-flex co-items-center\" href=\"#newsletter\">Read story <ThemeIcon name=\"arrow-right\" size={14} tone=\"gold\" /></a></div></article>;\n}\n\nexport function CompactStory({ image, category, title }: { image: string; category: string; title: string }) {\n  return <article className=\"sj-compact co-grid co-items-center\"><img className=\"co-w-full co-h-full co-object-cover\" src={image} alt=\"\" /><div><p className=\"sj-category\">{category}</p><h3>{title}</h3><span className=\"co-inline-flex co-items-center\"><ThemeIcon name=\"clock\" size={12} tone=\"gold\" />6 min read</span></div></article>;\n}\n"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-right-linear\"><path d=\"M4 12H20M14 18L20 12L14 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-to-top-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-to-top-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-to-top-right-linear\"><path d=\"M17 9.5L12 4.5L7 9.5M12 4.5C12 4.5 12 12.8333 12 14.5C12 16.1667 13 19.5 17 19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/hamburger-menu.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/hamburger-menu.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-hamburger-menu-linear\"><path d=\"M20 7L4 7\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 12L4 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 17L4 17\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/calendar.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/calendar.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-calendar-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z\" stroke=\"currentColor\"/>\n<path d=\"M7 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M2.5 9H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 13H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 13H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 13H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M17 17.0234H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.0234H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 17.0234H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/clock-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/clock-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-clock-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M12 8V12L14.5 14.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/bookmark.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/bookmark.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-bookmark-linear\"><path d=\"M21 16.0909V11.0975C21 6.80891 21 4.6646 19.682 3.3323C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.3323C3 4.6646 3 6.80891 3 11.0975V16.0909C3 19.1875 3 20.7358 3.73411 21.4123C4.08421 21.735 4.52615 21.9377 4.99692 21.9915C5.98402 22.1045 7.13673 21.0849 9.44216 19.0458C10.4612 18.1445 10.9708 17.6938 11.5603 17.5751C11.8506 17.5166 12.1494 17.5166 12.4397 17.5751C13.0292 17.6938 13.5388 18.1445 14.5578 19.0458C16.8633 21.0849 18.016 22.1045 19.0031 21.9915C19.4739 21.9377 19.9158 21.735 20.2659 21.4123C21 20.7358 21 19.1875 21 16.0909Z\" stroke=\"currentColor\"/>\n<path d=\"M15 6H9\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/magnifier.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/magnifier.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-magnifier-linear\"><circle cx=\"11.5\" cy=\"11.5\" r=\"9.5\" stroke=\"currentColor\"/>\n<path d=\"M18.5 18.5L22 22\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/letter.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/letter.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-letter-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z\" stroke=\"currentColor\"/>\n<path d=\"M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/star.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/star.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-star-linear\"><path d=\"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/global.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/global.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-global-linear\"><path d=\"M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z\" stroke=\"currentColor\"/>\n<path d=\"M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12L16 12Z\" stroke=\"currentColor\"/>\n<path d=\"M2 12H22\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    }
  ],
  "docs": "/docs/themes#serein-journal",
  "meta": {
    "status": "stable",
    "copyright": "Coordiation",
    "framework": "Next.js App Router",
    "style": "refined lifestyle editorial magazine",
    "palette": "warm white, charcoal and antique gold",
    "namespace": "serein-journal",
    "classPrefix": "sj-",
    "preview": "/themes/serein-journal/preview",
    "cover": "/themes/noir-habitat/project-interior.jpg",
    "components": [
      "JournalButton",
      "SectionTitle",
      "StoryCard",
      "CompactStory",
      "ThemeIcon"
    ],
    "sections": [
      "header",
      "cover story",
      "news strip",
      "featured story",
      "editorial essay",
      "must read",
      "essential feature",
      "latest stories",
      "trending sidebar",
      "newsletter",
      "footer"
    ],
    "assets": [
      "/themes/noir-habitat/project-interior.jpg",
      "/themes/studio-index/detail-food.jpg",
      "/themes/noir-habitat/news-light.jpg",
      "/themes/mono-portfolio/blog-design.jpg",
      "/themes/studio-index/playroom.jpg",
      "/themes/noir-habitat/service-interior.jpg",
      "/themes/industrial-forge/cta.jpg",
      "/themes/signal-agency/blog-meeting.jpg",
      "/themes/studio-index/root-table.jpg",
      "/themes/noir-habitat/project-house.jpg",
      "/themes/studio-index/detail-chef.jpg"
    ],
    "frameworkName": "Coordiation CSS",
    "sourceOwnership": "open-code"
  }
}