TNCHS Research Library Tanza National Comprehensive High School

Design system · Version 0.2 · For review

The Modern Card Catalog

A well-made academic journal crossed with a library card catalog. Every building block of the TNCHS Research Library, shown before any feature pages are built.

§ 01

Color

TNCHS green carries the brand. Amber is an accent only: rules, markers, focus rings, and text on green. It never fills large areas and is never used as text on paper. These values are read live from tokens.css.

Day · paper

  • --paper #FAF7F0
  • --paper-raised #FFFDF8
  • --paper-sunk #F1ECE1
  • --ink #1D1C1A
  • --ink-muted #4B4740
  • --ink-faint #6A655B
  • --rule #DCD4C4
  • --field-border #8A8375
  • --brand #0F4D2C
  • --brand-2 #1B6B3A
  • --accent #F2A93B
  • --accent-deep #E8A020
  • --catalog-ink #0F4D2C
  • --highlight #FBE3B5
  • --error #9A2B1E
  • --success #2F5D3A

Night · reading room

  • --paper #0F2A1C
  • --paper-raised #163826
  • --paper-sunk #0A2014
  • --ink #F2EDE2
  • --ink-muted #C8C1B2
  • --ink-faint #A69F90
  • --rule #2C4A38
  • --field-border #7F9A88
  • --brand #F2EDE2
  • --brand-2 #E4DDCF
  • --accent #F2A93B
  • --accent-deep #E8A020
  • --catalog-ink #F2A93B
  • --highlight #5A4318
  • --error #F2A596
  • --success #A5D1A8

Contrast checks · WCAG 2.1 AA

ForegroundBackgroundNeedsDayNightResult
--ink --paper 4.5:1 15.92:1 13.15:1 Pass
--ink --paper-sunk 4.5:1 14.45:1 14.63:1 Pass
--ink-muted --paper 4.5:1 8.63:1 8.57:1 Pass
--ink-muted --paper-sunk 4.5:1 7.84:1 9.54:1 Pass
--ink-faint --paper 4.5:1 5.41:1 5.83:1 Pass
--ink-faint --paper-raised 4.5:1 5.70:1 4.90:1 Pass
--ink-faint --paper-sunk 4.5:1 4.92:1 6.49:1 Pass
--catalog-ink --paper 4.5:1 9.27:1 7.68:1 Pass
--catalog-ink --paper-raised 4.5:1 9.75:1 6.46:1 Pass
--catalog-ink --paper-sunk 4.5:1 8.42:1 8.55:1 Pass
--link --paper 4.5:1 9.27:1 13.15:1 Pass
--error --paper 4.5:1 7.17:1 7.75:1 Pass
--error --paper-raised 4.5:1 7.54:1 6.51:1 Pass
--success --paper 4.5:1 7.14:1 8.98:1 Pass
--on-brand --brand 4.5:1 9.27:1 13.15:1 Pass
--ink --highlight 4.5:1 13.59:1 7.99:1 Pass
--field-border --paper 3.0:1 3.51:1 5.03:1 Pass
--field-border --paper-raised 3.0:1 3.70:1 4.23:1 Pass
--rule-strong --paper 3.0:1 15.92:1 8.57:1 Pass
--focus-ring --focus-gap 3.0:1 9.27:1 13.15:1 Pass

§ 02

Type

Fraunces for titles, IBM Plex Sans for reading and interface, IBM Plex Mono for call numbers and metadata. Sizes follow a 1.333 scale; line heights sit on a 4px baseline. All fonts are stored in the project, so no internet is needed.

Display--step-5 · Fraunces 350

Research by TNCHS students

Page title--step-4 · Fraunces 400

Lived experiences of working students

Section--step-2 · Fraunces 500

Abstract and findings

Card title--step-1 · Fraunces 500

Arduino-based water level monitor

Lede--step-1 · Fraunces 350

A calm, readable introduction to a page.

Body--step-0 · Plex Sans 17/28

This study determined the larvicidal activity of kalamansi (Citrofortunella microcarpa) peel extract against third-instar Aedes aegypti larvae.

Small--step--1 · Plex Sans 14/20

Uploaded 12 March 2025 by the library

Label--step--2 · Plex Sans 600 caps

Research type

Call number--step--1 · Plex Mono 500

TNCHS-2025-STEM-014

Metadata--step--1 · Plex Mono 400

SY 2024–2025 / 38 pages

§ 03

Icons

One hand-drawn set: 24px grid, 1.5px line, rounded ends, no fills. The assistant uses the plain note icon.

  • search
  • catalog
  • document
  • book
  • user
  • lock
  • building
  • sun
  • moon
  • copy
  • check
  • arrow-right
  • chevron-down
  • alert
  • info
  • close
  • upload
  • qr
  • note
  • filter
  • menu

§ 04

Buttons

Nearly square corners, 44px tall for fingers. Hover draws an amber bar along the bottom edge instead of a shadow. Press Tab to see the focus ring: paper gap, green ring, amber halo.

§ 05

Form fields

Labels in small capitals above each field, hints below, errors in words and with a thicker left edge so they don't rely on color alone.

Check capitalization against the paper's title page.

Use the full format, for example 2024–2025.

Research type

§ 06

Upload and auto-fill

Drop a research PDF and the form fills itself from the PDF's own text (OCR for scanned papers). Nothing is sent to an AI service. Every field says where its value came from, and the librarian corrects anything before saving. Consent is never filled in automatically.

Drop a research PDF here

PDF only, up to 50 MB. Scanned papers are read with OCR, which can take a minute.

While dragging

Release to upload

Reading the PDF

Reading page 3 of 38…

The filled-in form, ready to check

Found in PDF
Found in PDF

One author per semicolon, family name first.

Best guess · check

Guessed from the words “ANOVA” and “experimental” in the text.

Not found

Look on the approval sheet, usually page 2 or 3.

Found in PDF
Consent

§ 07

Import queue

Bulk import from a folder. Each PDF is read one at a time in the background, so the library PC stays responsive. Nothing is published until a librarian reviews it.

Batch · folder “SY 2024-2025 STEM” · 42 PDFs · started 9:14 AM

38 read · 34 ready to review · 3 need attention · 1 failed · 4 still reading

  1. DelaCruz_Kalamansi_Larvicide.pdf Kalamansi (Citrofortunella microcarpa) Peel Extract as a Natural Larvicide… Ready to review Review
  2. Group3_WaterMonitor_FINAL.pdf Low-Cost Arduino-Based Water Level Monitor for Flood-Prone Barangays Possible duplicate Review
  3. scan_0042.pdf Title not found yet Title not found Review
  4. Villanueva_WorkingStudents.pdf Lived Experiences of Working Students in Tanza Reading · OCR
  5. thesis-backup (1).pdf Title not found yet Not a readable PDF Details

Import a large folder from this PC (admin)

For hundreds of PDFs or a USB drive. The PDFs are copied into the library; the folder itself is left unchanged.

§ 09

Filters

Strands are divider tabs in a catalog drawer. Other filters sit in framed label holders, like the brass frames on drawer fronts. An amber edge marks a filter that is switched on. Everything works as plain links and forms, with no JavaScript.

118 cards · STEM · 2024–2025

SortRelevanceNewest

§ 10

Search results

Each result is an index card: call number in the margin, then title, authors, details and a two-line abstract. Thin rules instead of shadows. Results appear one after another.

  1. TNCHS-2025-STEM-014

    Kalamansi (Citrofortunella microcarpa) Peel Extract as a Natural Larvicide Against Aedes aegypti

    Juan Miguel Dela Cruz, Andrea L. Reyes, Paolo R. Santos

    SY 2024–2025Grade 12STEMQuantitative

    Dengue remains a public health concern in Tanza, where Aedes aegypti breeds in household water containers. This study determined the larvicidal activity of kalamansi (Citrofortunella microcarpa) peel extract against third-instar Aedes aegypti larvae. Using a completely randomized design, larvae were exposed to extract concentrations of 5%, 10%, and 15% alongside a commercial temephos control and a distilled-water negative control, with three replicates each. Mortality was recorded at 24 and 48 hours. The 15% concentration produced a mean mortality of 86.7% at 48 hours, which did not differ significantly from the positive control (p = 0.21), and one-way ANOVA showed significant differences among concentrations (F = 42.8, p < 0.001). The findings suggest that kalamansi peel, a common kitchen waste, is a promising low-cost larvicide; field trials and tests on non-target organisms are recommended.

  2. TNCHS-2025-HUMSS-006

    Lived Experiences of Working Students in Tanza: A Phenomenological Study

    Maria Teresa Villanueva, Kyle A. Mendoza

    SY 2024–2025Grade 12HUMSSQualitative

    This phenomenological study describes how senior high school students who work part-time balance employment, family duties and schoolwork. Semi-structured interviews with eight participants revealed four themes: time as a scarce resource, family as motivation, quiet support from teachers, and fatigue.

  4. TNCHS-2025-TVL-003

    Low-Cost Arduino-Based Water Level Monitor for Flood-Prone Barangays

    Carlo B. Aquino, Jenny Rose P. Lim, Mark Anthony Torres

    SY 2024–2025Grade 12TVLCapstone / innovation

    The team designed and tested an ultrasonic water level monitor that sends SMS alerts when a creek passes set levels. The prototype cost under ₱2,500 and matched manual gauge readings within 2 cm over a three-week trial.

§ 11

Paper page

Reads like a journal article: a large serif title, generous margins, the abstract at a comfortable line length, and the metadata drawn as a real catalog card, down to the hole for the drawer rod.

Example · paper page, signed in, on the school network

TNCHS-2025-STEM-014Quantitative research · STEM

Kalamansi (Citrofortunella microcarpa) Peel Extract as a Natural Larvicide Against Aedes aegypti

By Juan Miguel Dela Cruz, Andrea L. Reyes and Paolo R. Santos · Adviser: Ms. Liza M. Bautista

Read full paper Cite

Abstract

Dengue remains a public health concern in Tanza, where Aedes aegypti breeds in household water containers. This study determined the larvicidal activity of kalamansi (Citrofortunella microcarpa) peel extract against third-instar Aedes aegypti larvae. Using a completely randomized design, larvae were exposed to extract concentrations of 5%, 10%, and 15% alongside a commercial temephos control and a distilled-water negative control, with three replicates each.

Mortality was recorded at 24 and 48 hours. The 15% concentration produced a mean mortality of 86.7% at 48 hours, which did not differ significantly from the positive control (p = 0.21), and one-way ANOVA showed significant differences among concentrations (F = 42.8, p < 0.001). The findings suggest that kalamansi peel, a common kitchen waste, is a promising low-cost larvicide; field trials and tests on non-target organisms are recommended.

Keywords larvicide, dengue, kalamansi, Aedes aegypti, botanical extract

Cite this paper · APA 7th edition

Dela Cruz, J. M., Reyes, A. L., & Santos, P. R. (2025). Kalamansi (Citrofortunella microcarpa) peel extract as a natural larvicide against Aedes aegypti [Unpublished research paper]. Tanza National Comprehensive High School.

§ 12

Reference notes

The assistant is styled like a reference librarian's notes: quiet, text only, every answer marked with where it came from. No chat bubbles, no robot faces, no “magic” effects.

Ask about this paper

7 of 20 questions left today

Answers use only this paper. Your questions and the paper's text are sent to Google Gemini to produce them.

  1. What sampling method did the study use?

  2. The study used a completely randomized design. Larvae were randomly assigned to five groups (5%, 10% and 15% extract, a temephos positive control and a water negative control), each with three replicates.

    Based on this paper's text

  3. Who funded the study?

  4. This paper's text doesn't mention funding, so I can't say. You could ask the adviser listed on the catalog card.

    Based on this paper's text

  5. Looking through the paper…

That's all the questions for today. You've used your 20 questions. They reset at midnight.

Answers come only from this paper.

§ 13

Photography

The school's own buildings, never stock photos. Each photo is cropped, enlarged on this PC and toned in TNCHS green so it sits quietly behind the catalog. At night the photos dim. Phones get a smaller file, and each file is under 70 KB.

The TNCHS main courtyard with the flagpole and the two-storey arcaded buildings
Main courtyard · used behind the home page search
The four-storey Tanza Senior High School building
Senior High building · the plate above every footer
The TNCHS seal

The official seal appears in the masthead of every page at 48px. Keep clear space around it, and never recolor or crop it.

§ 14

States

Empty, loading, no-results and error pages get the same care as the main pages, and they always suggest a next step.

No results

No cards match “kalamansi soap”

Nothing in the catalog uses those words together. You could:

  • Check the spelling, or try one word at a time
  • Remove a filter (you have 2 switched on)
  • Try a broader word, such as “soap” or “citrus”
  • Search authors and advisers by last name
Browse by strand instead

Empty drawer

No papers in this drawer yet

No GAS papers from 2025–2026 have been published so far. New papers appear once the library has reviewed them.

See all GAS papers

Loading

Pulling cards from the drawer…

Off-site

This paper opens in the library

Full papers can only be read on the TNCHS school network. The title, details and abstract are open to everyone.

Back to the abstract

Full-page error: open the designed 404 page.

§ 15

Guardrails

What this design never does, and how each rule is checked. "Test" means an automatic check in tests/test_banned_patterns.py fails the build; "Review" means we check it by eye after every phase.

  • No gradients, blobs, mesh or glowing orbsTest
  • No glassmorphism or frosted panelsTest
  • No drop shadows, only flat rulesTest
  • Corners 4px or lessTest
  • No Inter or RobotoTest
  • No emoji as icons, no "magic" AI stylingTest
  • Nothing loaded from the internetTest
  • Text contrast 4.5:1 or more in both themesTest
  • Not everything in rounded shadowed cardsReview
  • No three-column feature sectionsReview
  • No stock or 3D illustrationsReview
  • Left-aligned, asymmetric layouts, never all centeredReview
  • Visible focus and full keyboard useReview
  • Motion 150–250ms, off when reduced motion is requestedReview
Plate · Tanza Senior High School building