Skip to content

OVES Dark Basic

oves-dark-basic is the first deck-level standard template to define and validate in the new regime.

This sits below the system-wide design layer and consumes the promoted oves-dark deck-wide color scheme.

System-Wide Design Stays Fixed

Do not redesign these here:

  • color scheme
  • font family
  • logo in page header
  • copyright notes
  • editorial/footer notes

Those belong to the system-wide design layer.

Company-Wide Standards Consumed From oves-sites

  • Heading font: Montserrat
  • Body font: Lato
  • Primary brand color: #00FFFF
  • Secondary brand color: #002552
  • Header logo: https://res.cloudinary.com/oves/image/upload/v1657359850/logos/oves_logo_words_h50_w3axpd.png

These standards come from oves-sites/docs/shared/all-sites.md and should be treated as upstream corporate design rules.

Deck-Level Scope

This standard defines the deck-wide layout intent for a basic dark OVES deck.

oves-dark-basic does not own the dark color scheme.
It applies layout and page behavior on top of oves-dark.

Focus on:

  • cover page setup
  • summary page setup
  • title placement
  • page title behavior
  • page layout behavior
  • section rhythm across the deck

Initial Deck-Wide Intents

1. Cover Page

  • large deck title
  • special deck-title treatment, not standard page-title treatment
  • centered vertically on the page
  • short subtitle
  • no metadata inside the cover content area
  • deck metadata belongs in the footer
  • use one cyan title color
  • do not use rainbow or gradient title treatment
  • visually strong opening page
  • no dense content blocks

2. Standard Page Title Placement

  • applies to interior pages, not the cover page
  • page title placed consistently near the upper-left
  • enough top margin to coexist with header/logo system layer
  • title should anchor the page before block content begins
  • H1 level only
  • fixed font size
  • location must not drift while flipping through deck pages

3. Interior Page Layout Behavior

  • use simple, repeatable layouts first
  • single-block, two-column, and four-block-matrix are the initial validation set
  • avoid one-off decorative layout logic
  • use near full-width content by default
  • keep only small side gutters for widescreen decks
  • all top-level content blocks use one shared shell style
  • block shell rules: no border, 10pt internal padding
  • block shell background uses the Omnivoltaic live-site base section color: oklch(21% 0.034 264.665) (bg-gray-900)

4. Summary Page

  • reserved closing page pattern
  • short recap of key points
  • optional next-step or action block
  • visually calmer than the cover

5. Visual Character

  • dark, restrained, readable
  • clear hierarchy
  • practical, not decorative

The dark visual base comes from oves-dark. Header, footer, and content allocation come from the system-wide layout standard.

Validation Path

Validate this standard first in:

  • docs/decks/deck-demo.md
  • src/decks/deck-demo/

Current promoted template:

  • src/deck-templates/oves-dark-basic/

This template now owns the promoted wrappers for:

  • cover page
  • single-block page
  • two-column page
  • four-block-matrix page

deck-demo remains the validation bench for the next round of changes before they are promoted again.

Current Decision

For now, deck-demo is the test bench.
oves-dark-basic is the target standard to extract from it.