Tabled Document

Showcase
1

I think this turned out quite nice.

Mirror of the code 
#import "@preview/chic-hdr:0.5.0": *
#import "@preview/booktabs:0.0.4": *
#show: booktabs-default-table-style
#show: chic.with(
  chic-header(
    left-side: emph[Etiam nunc dui -- dapibus ac viverra],
    right-side: strong[Mollis Velit Urna],
  ),
  chic-separator(1pt),
  chic-offset(7pt),
  chic-height(1.5cm),
)

#set page(paper: "a4", margin: (left: 1in, right: 1in))
#set document(title: [Nam placerat varius])
#show title: set text(weight: "regular", size: 1.4em)
#set par(first-line-indent: 1em, spacing: 0.65em)

#v(2em)
#title()
#v(2em)

Nunc imperdiet pharetra auctor. Mauris cursus lacinia leo sit amet sollicitudin. Vivamus justo justo, scelerisque a justo id, hendrerit elementum magna. Nam sit amet congue dolor, a porta urna. Phasellus mattis finibus ultrices. Phasellus mauris nibh, ornare quis pretium in, accumsan non leo.

#v(1em)

#{
  set text(number-width: "proportional", number-type: "old-style")
  grid(
    columns: (1.5in, 1fr),
    inset: (bottom: 0.5em, top: 0.5em),
    [#smallcaps[*Quisque*]], [29-43. sed, may--august 2025. magna pretium],
    grid.hline(stroke: gray),
    [#smallcaps[*Sed vitae*]], [Viverra libero molestie],
    grid.hline(stroke: gray),
    [#smallcaps[*Felis id dsapien*]],
    [Vestibulum laoreet nunc nisl, ut tincidunt nulla maximus at. ],
    grid.hline(stroke: gray),
    [#smallcaps[* Ut lobortis eu lectus*]], [N/A],
  )
}

#v(1em)

#table(
  columns: (1in, 1fr, 1fr),
  inset: (bottom: 0.8em, top: 0.8em),
  column-gutter: 1em,
  toprule(),
  table.header[*COMMODO*][*MALESUADA*][*SEM EROS*],
  table.hline(stroke: 0.05em),
  [
    *B*\
    Etiam semper ac nisl sed laoreet
  ],
  [
    *B.II.1*\
    Nunc tincidunt scelerisque tellus ut interdum. Quisque vel pulvinar lorem. Mauris varius arcu at sapien lobortis, vitae semper leo luctus.
  ],
  [
    *B.II.1*\
    Sed mi augue, ultrices a tellus in, dictum efficitur mauris. Suspendisse mauris ipsum, dapibus ac pharetra vel, egestas ac ante.  Aliquam elementum ex sed orci lacinia, ut luctus leo hendrerit.

    Quisque fringilla nec nisl vel elementum. Nam egestas efficitur lectus, at varius enim laoreet ornare.

    In viverra porttitor feugiat.
  ],
  [],
  [
    *B.II.2*\
    Proin eleifend finibus enim ac ultrices. In lorem sapien, auctor vitae vulputate a, commodo eu risus.
  ],
  [
    *B.II.2*\
    Proin id lacus eget ipsum consectetur tempor. Nullam commodo, leo sed accumsan volutpat, turpis magna pellentesque lorem, non fringilla mi sapien at leo.
  ],
  midrule(),
  [
    *D*\
    Aliquam erat volutpat],
  [
    *D.II.1*\
    Quisque porta vestibulum condimentum. Sed et libero vel neque suscipit vestibulum. Sed luctus consectetur nisi, vitae viverra tortor venenatis gravida.
  ],
  [
    *D.II.1*\
    Proin ultrices, magna id euismod porta, nunc magna pretium nunc, nec mollis urna felis id nibh. Praesent sapien neque, sagittis non euismod ac, consequat in lectus.
  ],
  [],
  [
    *D.II.2*\
    Phasellus ac arcu dictum purus malesuada dictum. Etiam cursus, nisi eu venenatis malesuada, nisi elit fringilla nisl, ac tincidunt risus est et justo.
  ],
  [
    *D.II.2*\
    Vivamus pretium lacinia justo, feugiat ultrices augue mattis sit amet. Integer egestas arcu eu metus placerat sodales. Etiam consequat id tortor et ultricies. 
  ],
  bottomrule(),
)
1 Like