DATA CYCLE
Engineering docs with opinions
For the technical writer who treats documentation as architecture. Warm cream canvas, sharp zero-radius edges, monospace labels announcing themselves in uppercase, a thin forest-green topline reminding you someone cared. Medallion architecture — bronze to silver to gold — without the dashboard cliche.
Overview
Medallion data architecture, Stripe docs, Linear changelogs, engineering whitepapers, HES-SO technical reports.
- Warm cream + black ink
- Sharp rectangular edges
- Monospace UI labels
- Bronze/silver/gold medallion accent
- Data project docs
- Engineering portfolios
- Technical case studies
- Internal dashboards
This theme is part of AuraFlow CSS — a collection of drop-in design systems by Dehlya Studio. Each theme is a complete set of CSS custom properties you can install via npm install auraflowor drop in from unpkg. Pure CSS, zero runtime, framework-agnostic.
Color System
The color palette for Data Cycle is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the theme’s unique personality.
Typography
Typography is a fundamental element of the Data Cycle theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.
Bold, impactful headings for maximum visual impact.
- Font
- Inter
- Weight
- 800
- Size
- 4.5rem
- Line height
- 1
- Tracking
- -0.02em
Section headers with distinctive character.
- Font
- Inter
- Weight
- 700
- Size
- 2rem
- Line height
- 1.15
- Tracking
- -0.01em
Clean, readable text for content.
- Font
- Inter
- Weight
- 400
- Size
- 1rem
- Line height
- 1.6
- Tracking
- 0.01em
Monospaced text for code and metadata.
- Font
- Roboto Mono
- Weight
- 500
- Size
- 0.875rem
- Line height
- 1.5
- Tracking
- 0
Components
A small library of common UI components rendered with Data Cycle’s tokens — buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.
Real-world Previews
See what Data Cycle looks like on real product surfaces. Each preview is rendered entirely with this theme’s design tokens — swap themes and the same layouts re-skin automatically.
Good morning, Dehlya
- MMaya R. shipped a new release2m ago
- KKenji resolved 4 bug reports12m ago
- LLéa closed the Q2 retro1h ago
- OOmar flagged the auth middleware3h ago
| Project | Status | Progress | Due |
|---|---|---|---|
| Auth rewrite | active | 82% | Apr 22 |
| Billing v2 | active | 45% | May 03 |
| Onboarding revamp | review | 95% | Tomorrow |
| Search relevance | planning | 20% | May 10 |