Card Grid

PROFESSIONALsanslightgridui

The CV as a 6-column card dashboard. A dark green summary card anchors the grid, stat tiles carry the numbers, and chips hold the toolbox. Reads like a product analytics page about a person.

Palette

Typography

Sora · display: name, stats, section labels

Karla · body, bullets, chips

DESIGN.md

# Card Grid · SciFolio Style 17
> Dashboard modules with one green accent.

**Theme:** light
**Fictional persona:** Rafael Ortiz, data scientist, Madrid

## Colors
| Name | Value | Role |
|------|-------|------|
| Canvas | `#f1f3f0` | page background |
| Card | `#ffffff` | module surfaces |
| Forest | `#17301f` | accent summary card |
| Green | `#2f7a4d` | links, org names, accents |
| Chip | `#eef4ee` | skill chip fill |
| Ink | `#1b1f1c` | headings and body |

## Typography
- **Sora** · display: name, stats, section labels
- **Karla** · body, bullets, chips

## Layout
- 6-column CSS grid, cards span 2-6 columns
- Hero card full-width; accent card 4 cols + stat card 2 cols
- 14-16px radius cards with 1px border, no shadows
- Stacks to 1 column under 720px

## Components
- **Accent card** · dark green, white text, one-paragraph summary
- **Stat tile** · big Sora number + small gray label
- **Job block** · bold title/date row, green org, tight bullets
- **Chip set** · rounded rects for tools and methods

## Print
- Cards keep borders in print; forest green card uses print-color-adjust exact.

Source: SciFolio · self-contained HTML+CSS at CV-fable/17-card-grid.html

Make it yours

1 · Sign in

2 · Your CV

Drop a .docx or .pdf here, or click to choose
(processed in your browser)

or paste the text

3 · Generate

Your file never leaves the browser; only the extracted text is sent for conversion and nothing is stored. Output is AI-generated: check it before sending anywhere.

1,000 free credits every month · Generate 100 · AI edit 50.

Preview

Edit

Generate your CV first. Text editing and the AI agent unlock here.