38-Piece Book Annotation Kit with Highlighters, Tabs and Sticky Notes
.an38-design, .an38-design *{ box-sizing:border-box; } .an38-design{ width:100%; max-width:1120px; margin:0 auto; padding:14px; overflow:hidden; background:#eee9e5; color:#514946; font-family:Arial,Helvetica,sans-serif; line-height:1.6; } .an38-workspace{ width:100%; padding:22px; overflow:hidden; border:1px solid #d7cec8; border-radius:26px; background: linear-gradient(90deg,rgba(126,104,93,.035) 1px,transparent 1px), linear-gradient(rgba(126,104,93,.035) 1px,transparent 1px), #ddd3cb; background-size:28px 28px; box-shadow:0 22px 55px rgba(74,61,55,.12); } /* OPEN BOOK HERO */ .an38-book{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4px; width:100%; padding:14px; border:10px solid #b9aaa1; border-radius:22px; background:#c8bbb2; box-shadow:0 16px 32px rgba(66,52,47,.15); } .an38-page{ min-width:0; padding:32px; overflow:hidden; background: repeating-linear-gradient( to bottom, #fffdfa 0, #fffdfa 29px, rgba(119,151,176,.08) 30px ); } .an38-page-left{ border-radius:12px 4px 4px 18px; box-shadow:inset -12px 0 20px rgba(74,57,50,.06); } .an38-page-right{ border-radius:4px 12px 18px 4px; box-shadow:inset 12px 0 20px rgba(74,57,50,.06); } .an38-tabs{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; } .an38-tab{ padding:7px 11px; border-radius:999px; color:#fff; font-size:9px; line-height:1.2; font-weight:900; letter-spacing:.45px; text-transform:uppercase; } .an38-tab:nth-child(1){background:#c98e9e;} .an38-tab:nth-child(2){background:#d7a578;} .an38-tab:nth-child(3){background:#98b5a7;} .an38-tab:nth-child(4){background:#92aec1;} .an38-tab:nth-child(5){background:#9689a8;} .an38-label{ display:inline-block; max-width:100%; padding:8px 12px; border-left:5px solid #b57688; background:#ead8dd; color:#845b69; font-size:10px; line-height:1.3; font-weight:900; letter-spacing:.8px; text-transform:uppercase; } .an38-page h2{ margin:18px 0 12px!important; color:#514946!important; font-size:36px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:-.5px!important; overflow-wrap:normal!important; word-break:normal!important; } .an38-page p{ margin:0!important; color:#776e69!important; font-size:14px!important; line-height:1.68!important; overflow-wrap:normal!important; word-break:normal!important; } .an38-marker-rack{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:20px; } .an38-marker{ position:relative; height:74px; border-radius:7px; box-shadow:0 5px 11px rgba(75,59,53,.09); } .an38-marker:before, .an38-marker:after{ content:""; position:absolute; left:0; right:0; height:12px; background:rgba(255,255,255,.22); border-top:1px solid rgba(70,57,52,.08); border-bottom:1px solid rgba(70,57,52,.08); } .an38-marker:before{top:13px;} .an38-marker:after{bottom:13px;} .an38-marker:nth-child(1){background:#eca5b5;} .an38-marker:nth-child(2){background:#eda49e;} .an38-marker:nth-child(3){background:#e1b8c2;} .an38-marker:nth-child(4){background:#ebd1cd;} .an38-marker:nth-child(5){background:#ebc3aa;} .an38-marker:nth-child(6){background:#c9b4a8;} .an38-marker:nth-child(7){background:#b7cabe;} .an38-marker:nth-child(8){background:#9bbdaf;} .an38-marker:nth-child(9){background:#9ec1d7;} .an38-marker:nth-child(10){background:#92a8c8;} .an38-marker:nth-child(11){background:#a29abc;} .an38-marker:nth-child(12){background:#a99dac;} .an38-note-strip{ margin-top:17px; padding:11px 13px; border:1px solid #e1c89f; background:#f3ddb8; color:#62564d; font-size:12px; line-height:1.5; font-weight:800; } .an38-kit-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:13px; border-bottom:2px dashed #cdbfba; } .an38-kit-head strong{ color:#554d49; font-size:22px; line-height:1.2; font-weight:900; } .an38-kit-head span{ color:#9b7482; font-size:9.5px; line-height:1.3; font-weight:900; letter-spacing:.6px; text-align:right; text-transform:uppercase; } .an38-inventory{ display:flex; flex-direction:column; gap:9px; margin-top:15px; } .an38-inventory-item{ width:100%; padding:10px; display:flex; align-items:center; gap:11px; border:1px solid #ded3ce; background:rgba(248,243,240,.88); } .an38-count{ width:48px; height:48px; min-width:48px; display:flex; align-items:center; justify-content:center; border-radius:13px 13px 5px 13px; color:#fff; font-size:12px; line-height:1; font-weight:900; } .an38-inventory-item:nth-child(1) .an38-count{background:#c88f9d;} .an38-inventory-item:nth-child(2) .an38-count{background:#91b2aa;} .an38-inventory-item:nth-child(3) .an38-count{background:#8fa9c5;} .an38-inventory-item:nth-child(4) .an38-count{background:#9486a3;} .an38-inventory-copy{ min-width:0; flex:1; } .an38-inventory-copy strong{ display:block; color:#564d49; font-size:14.5px; line-height:1.25; font-weight:900; overflow-wrap:normal; word-break:normal; } .an38-inventory-copy span{ display:block; margin-top:3px; color:#857b76; font-size:9.5px; line-height:1.4; font-weight:800; letter-spacing:.25px; text-transform:uppercase; overflow-wrap:normal; word-break:normal; } .an38-mini-tags{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; } .an38-mini-tags span{ flex:1 1 120px; padding:8px 10px; border:1px solid #ddd1cc; border-radius:999px; background:#fff; color:#655b57; text-align:center; font-size:10.5px; line-height:1.35; font-weight:800; } /* WORKFLOW SECTION */ .an38-section{ margin-top:22px; padding:25px; border:1px solid #d8ceca; border-radius:22px; background:#f8f4f2; } .an38-heading{ max-width:750px; margin:0 auto 19px; text-align:center; } .an38-heading span{ color:#a16d7d; font-size:10px; line-height:1.3; font-weight:900; letter-spacing:.9px; text-transform:uppercase; } .an38-heading h3{ margin:7px 0 0!important; color:#514946!important; font-size:25px!important; line-height:1.22!important; font-weight:900!important; } .an38-heading p{ max-width:660px; margin:8px auto 0!important; color:#7b716d!important; font-size:13px!important; line-height:1.6!important; } .an38-workflow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-width:960px; margin:0 auto; } .an38-step{ min-width:0; padding:14px; border:1px solid #dcd1cc; border-radius:15px; background:#fff; } .an38-step-number{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; font-size:10px; font-weight:900; } .an38-step:nth-child(1) .an38-step-number{background:#c98e9e;} .an38-step:nth-child(2) .an38-step-number{background:#d7a578;} .an38-step:nth-child(3) .an38-step-number{background:#98b5a7;} .an38-step:nth-child(4) .an38-step-number{background:#92aec1;} .an38-step h4{ margin:11px 0 5px!important; color:#564d49!important; font-size:14px!important; line-height:1.25!important; font-weight:900!important; } .an38-step p{ margin:0!important; color:#817672!important; font-size:11.5px!important; line-height:1.48!important; } .an38-board{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:14px; max-width:960px; margin:14px auto 0; padding:18px; border:8px solid #b9a08f; background:#d9c1ae; } .an38-notes{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .an38-note{ padding:14px; box-shadow:3px 5px 11px rgba(77,59,52,.10); } .an38-note:nth-child(1){background:#efcbd2;} .an38-note:nth-child(2){background:#efd9b7;} .an38-note:nth-child(3){background:#c9ddd3;} .an38-note:nth-child(4){background:#c9d9e5;} .an38-note strong{ display:block; color:#5a504b; font-size:13px; line-height:1.25; font-weight:900; } .an38-note span{ display:block; margin-top:4px; color:#746a65; font-size:10.8px; line-height:1.45; } .an38-board-copy{ padding:18px; background:#fffaf6; } .an38-board-copy small{ display:block; color:#9f7180; font-size:9.5px; font-weight:900; letter-spacing:.75px; text-transform:uppercase; } .an38-board-copy h4{ margin:8px 0 7px!important; color:#554c48!important; font-size:20px!important; line-height:1.22!important; font-weight:900!important; } .an38-board-copy p{ margin:0!important; color:#786e69!important; font-size:12.5px!important; line-height:1.6!important; } .an38-board-points{ display:flex; flex-direction:column; gap:7px; margin-top:13px; } .an38-board-point{ position:relative; padding:8px 9px 8px 27px; border-bottom:1px dashed #d5c7c0; color:#625854; font-size:11.5px; line-height:1.4; font-weight:800; } .an38-board-point:before{ content:""; position:absolute; top:50%; left:9px; width:7px; height:4px; border-left:2px solid #a67483; border-bottom:2px solid #a67483; transform:translateY(-70%) rotate(-45deg); } .an38-use-row{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; max-width:960px; margin:12px auto 0; } .an38-use-row span{ padding:8px 6px; border:1px dashed #cdbfba; background:#fff; color:#665c57; text-align:center; font-size:10.5px; line-height:1.35; font-weight:800; } /* FIXED FAQ */ .an38-faq{ max-width:960px; margin:28px auto 0; } .an38-folder-tabs{ display:flex; flex-wrap:wrap; gap:5px; padding-left:13px; } .an38-folder-tabs span{ padding:7px 13px; border-radius:9px 9px 0 0; color:#fff; font-size:8.5px; line-height:1.2; font-weight:900; letter-spacing:.45px; text-transform:uppercase; } .an38-folder-tabs span:nth-child(1){background:#c8909e;} .an38-folder-tabs span:nth-child(2){background:#d3a77e;} .an38-folder-tabs span:nth-child(3){background:#91b1a7;} .an38-faq-folder{ padding:20px; overflow:hidden; border:1px solid #d6c9c5; border-radius:7px 20px 20px 20px; background:#f0e5e7; } .an38-faq-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; } .an38-faq-head-copy{ min-width:0; flex:1; } .an38-faq-head span{ display:block; color:#9f7080; font-size:9.5px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; } .an38-faq-head h3{ margin:6px 0 0!important; color:#544c48!important; font-size:23px!important; line-height:1.2!important; font-weight:900!important; } .an38-faq-head p{ margin:7px 0 0!important; color:#7b716d!important; font-size:12.5px!important; line-height:1.56!important; } .an38-question-icon{ width:58px; height:58px; min-width:58px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; color:#a17784; font-size:27px; line-height:1; font-weight:900; box-shadow:0 6px 14px rgba(97,73,79,.09); } .an38-accordion{ display:flex; flex-direction:column; gap:7px; width:100%; } .an38-faq-item{ width:100%; overflow:hidden; border:1px solid #d7cac6; border-radius:8px; background:#fff; } .an38-faq-button{ appearance:none!important; -webkit-appearance:none!important; width:100%!important; min-width:0!important; margin:0!important; padding:12px 13px!important; display:flex!important; flex-direction:row!important; align-items:center!important; gap:11px!important; border:0!important; border-radius:0!important; background:#fff!important; color:#564d49!important; text-align:left!important; cursor:pointer; box-shadow:none!important; font-family:Arial,Helvetica,sans-serif!important; } .an38-faq-color{ width:6px; height:30px; min-width:6px; border-radius:999px; background:#c8909e; } .an38-faq-item:nth-child(2) .an38-faq-color{background:#d3a77e;} .an38-faq-item:nth-child(3) .an38-faq-color{background:#91b1a7;} .an38-faq-item:nth-child(4) .an38-faq-color{background:#90a8c0;} .an38-faq-item:nth-child(5) .an38-faq-color{background:#9589a8;} .an38-faq-question{ min-width:0!important; flex:1 1 auto!important; display:block!important; color:#564d49!important; font-size:13px!important; line-height:1.4!important; font-weight:900!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; writing-mode:horizontal-tb!important; } .an38-plus{ width:29px; height:29px; min-width:29px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f0e4e7; color:#9e7080; font-size:20px; line-height:1; font-weight:800; transition:transform .25s ease,background .25s ease,color .25s ease; } .an38-faq-item.is-open .an38-faq-question{ color:#966a78!important; } .an38-faq-item.is-open .an38-plus{ transform:rotate(45deg); background:#c8909e; color:#fff; } .an38-faq-content{ max-height:0; overflow:hidden; opacity:0; transition:max-height .34s ease,opacity .22s ease; } .an38-faq-answer{ padding:0 54px 13px 30px; color:#7b716d; font-size:12.5px; line-height:1.6; overflow-wrap:normal; word-break:normal; } .an38-faq-item.is-open .an38-faq-content{ opacity:1; } @media(max-width:920px){ .an38-book, .an38-board{ grid-template-columns:1fr; } .an38-workflow{ grid-template-columns:repeat(2,minmax(0,1fr)); } .an38-use-row{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:680px){ .an38-design{ padding:8px; } .an38-workspace{ padding:10px; border-radius:17px; } .an38-book{ padding:7px; border-width:6px; border-radius:15px; } .an38-page{ padding:24px 15px; } .an38-page h2{ font-size:27px!important; line-height:1.15!important; } .an38-page p{ font-size:13.2px!important; } .an38-marker-rack{ grid-template-columns:repeat(6,minmax(0,1fr)); } .an38-marker{ height:56px; } .an38-kit-head{ align-items:flex-start; flex-direction:column; gap:5px; } .an38-kit-head span{ text-align:left; } .an38-inventory-item{ align-items:flex-start; } .an38-section{ padding:19px 11px; } .an38-heading h3{ font-size:20px!important; } .an38-workflow{ grid-template-columns:1fr; } .an38-step{ display:flex; align-items:flex-start; gap:10px; } .an38-step-number{ min-width:38px; } .an38-step h4{ margin-top:0!important; } .an38-notes{ grid-template-columns:1fr; } .an38-use-row{ grid-template-columns:repeat(2,minmax(0,1fr)); } .an38-faq-folder{ padding:14px 8px; } .an38-faq-head{ align-items:flex-start; gap:10px; } .an38-question-icon{ width:45px; height:45px; min-width:45px; font-size:22px; } .an38-faq-head h3{ font-size:19px!important; } .an38-faq-button{ padding:11px 9px!important; gap:8px!important; } .an38-faq-question{ font-size:12.2px!important; line-height:1.4!important; } .an38-faq-color{ height:25px; } .an38-plus{ width:27px; height:27px; min-width:27px; font-size:18px; } .an38-faq-answer{ padding:0 39px 12px 23px; font-size:12px; } } Key Ideas Quotes Review Themes Notes Complete Annotation Workspace Turn Every Reading Session into an Organized Study System Highlight important passages, add transparent notes, separate sections with color-coded tabs and record detailed observations with a complete 38-piece annotation collection. 12 pastel dual-ended highlighters for broad marks, underlining and detailed annotation. Inside the Kit 38 Coordinated Pieces 12 Dual-Ended Highlighters Pastel chisel-tip color collection 500 Transparent Sticky Notes Ten square note pads in total 200 Colored Index Tabs Quick references for pages and sections 6 Writing Tools Five gel pens and one black marker Pastel Colors Transparent Notes Page Tabs Gel Pens Four-Step Reading Workflow Move from Highlighting to Review Without Losing Important Details Each tool supports a different stage of reading, annotation and long-term page organization. 01 Highlight Mark key passages with broad or narrow chisel-tip lines. 02 Add Notes Place transparent comments without fully hiding printed text. 03 Mark Pages Separate topics, chapters and references with colored tabs. 04 Review Use pens and the black marker for summaries and headings. Main Idea Record central themes and important arguments. Review Later Identify topics that need more attention or research. Key Reference Save useful passages, verses and definitions. Personal Reflection Add thoughts without writing directly on the page. Transparent Annotation Notes Keep Printed Content Visible While Adding New Information Translucent PET notes help preserve the readability of the original page while providing space for reminders, questions and summaries. 500 transparent square sticky notes 200 colored page and section tabs Suitable for books, study pages and journals Book Annotation Bible Journaling Study Notes Class Reading Research Personal Journaling Kit Guide Tools Usage Annotation Reference File Frequently Asked Questions Product details about the included tools, transparent notes, highlighters and colored index tabs. ? What is included in the 38-piece annotation kit? + The kit includes 12 dual-ended highlighters, 5 gel pens, 1 black marker, 10 transparent sticky note pads and 1 sheet of colored index tabs. How many sticky notes and index tabs are included? + The set contains 500 transparent sticky notes and 200 colored index tabs in total. Can the printed text be seen through the sticky notes? + Yes. The translucent notes help keep the underlying text visible while comments and reminders are added above it. What type of tips do the highlighters have? + The dual-ended highlighters use chisel tips suitable for broad highlighting, underlining and narrower annotation marks. What projects is the annotation kit suitable for? + It is suitable for book annotation, Bible journaling, study notes, classroom reading, research and personal journaling.
More you might like
Related
Mr. Pen- Aesthetic Book Annotation Kit, 38 pcs, Aesthetic
Related
Golcellia Sticky Tabs Book Index Tabs, Page Tabs, Page Marke
Related
Golcellia Sticky Tabs Book Index Tabs, Page Tabs, Page Marke
Related